<![CDATA[Using MQTT deletes UI elements on M5StickC Plus]]>I am using UI Flow V 1.7.5 in the browser.
I am using an M5StickC Plus with the newest UI Firmware V1.7.5-plus

When I use the M5mqtt - Library all my UI elements like labels disappear.
When I switch from blockly to python code and move the UI-elements AFTER the mqtt block, this does not happen. That change gets lost every time I change back to blockly.

I run very similar code on the M5Stack Fire and the problem does not appear there.

Example 1: This is the generated code and it makes the three labels disappear

from m5stack import *
from m5ui import *
from uiflow import *
import wifiCfg
from m5mqtt import M5mqtt

setScreenColor(0x111111)

wifiCfg.autoConnect(lcdShow=False)
button_a = M5TextBox(45, 213, "Mqtt D", lcd.FONT_Default, 0xFFFFFF, rotate=0)
mqtt_msg = M5TextBox(33, 84, "...", lcd.FONT_DejaVu72, 0xFFFFFF, rotate=0)
button_b = M5TextBox(86, 35, "Mqtt E", lcd.FONT_Default, 0xFFFFFF, rotate=0)

def fun_mirror_cmd_(topic_data):
mqtt_msg.setText(str(topic_data))
pass

def buttonA_wasPressed():
m5mqtt.publish(str('mirror/cmd'),str('D'))
pass
btnA.wasPressed(buttonA_wasPressed)

def buttonB_wasPressed():
m5mqtt.publish(str('mirror/cmd'),str('E'))
pass
btnB.wasPressed(buttonB_wasPressed)

m5mqtt = M5mqtt('m5StickC', '192.168.1.106', 1883, '', '', 300)
m5mqtt.subscribe(str('mirror/cmd'), fun_mirror_cmd_)
m5mqtt.start()

Example 2: This is the slightly altered code (the UI-Elements have been moved to the end) and the labels stay

from m5stack import *
from m5ui import *
from uiflow import *
import wifiCfg
from m5mqtt import M5mqtt

setScreenColor(0x111111)

wifiCfg.autoConnect(lcdShow=False)

def fun_mirror_cmd_(topic_data):
mqtt_msg.setText(str(topic_data))
pass

def buttonA_wasPressed():
m5mqtt.publish(str('mirror/cmd'),str('D'))
pass
btnA.wasPressed(buttonA_wasPressed)

def buttonB_wasPressed():
m5mqtt.publish(str('mirror/cmd'),str('E'))
pass
btnB.wasPressed(buttonB_wasPressed)

m5mqtt = M5mqtt('m5StickC', '192.168.1.106', 1883, '', '', 300)
m5mqtt.subscribe(str('mirror/cmd'), fun_mirror_cmd_)
m5mqtt.start()

button_a = M5TextBox(45, 213, "Mqtt D", lcd.FONT_Default, 0xFFFFFF, rotate=0)
mqtt_msg = M5TextBox(33, 84, "...", lcd.FONT_DejaVu72, 0xFFFFFF, rotate=0)
button_b = M5TextBox(86, 35, "Mqtt E", lcd.FONT_Default, 0xFFFFFF, rotate=0)

]]>https://community.m5stack.com/topic/3213/using-mqtt-deletes-ui-elements-on-m5stickc-plusRSS for NodeFri, 13 Mar 2026 19:42:52 GMTWed, 21 Apr 2021 23:46:44 GMT60<![CDATA[Reply to Using MQTT deletes UI elements on M5StickC Plus on Tue, 01 Jun 2021 01:29:34 GMT]]>Sorry, there is no reply for a long time, we will investigate this bug.

]]>https://community.m5stack.com/post/13966https://community.m5stack.com/post/13966Tue, 01 Jun 2021 01:29:34 GMT<![CDATA[Reply to Using MQTT deletes UI elements on M5StickC Plus on Sun, 30 May 2021 11:23:11 GMT]]>I've run into similar issues, I have elements on the StickC that disappear or only work with certain fonts, the UI designer itself won't let me place items on parts of the StickC screen, and whole chunks of code don't run.

I've worked around it for now in my Test Application, but this is a serious problem for anyone trying to build something complex.

Most cases, I've had to shift the location of the MQTT code in the python in order to activate parts of the on screen functionality, seems like maybe a library is conflicting or interfering with the rest of the code.

]]>https://community.m5stack.com/post/13954https://community.m5stack.com/post/13954Sun, 30 May 2021 11:23:11 GMT