state-var in menu trigger blocks display of menu content #4573

"""minimal example showing that state-vars in menu-trigger block display of menu-content"""

import reflex as rx
from rxconfig import config

class State(rx.State):
	text:str = "my state-var text"

def index() -> rx.Component:
	return rx.hstack(
		rx.menu.root(
			rx.menu.trigger(rx.button("my text")),
			rx.menu.content(rx.menu.item("my menu content")) # is shown
		),
		rx.menu.root(
			rx.menu.trigger(rx.button(State.text)),   # shown, but blocks content
			rx.menu.content(rx.menu.item("my menu content")), # not shown
		),
	)

app = rx.App()
app.add_page(index)