Using rx.popover inside rx.dialog

Help
1

Hi, I think pop over component is not working correctly if the trigger is not a button and is inside a dialog window

rx.dialog.root(
        rx.dialog.trigger(rx.button("Open Dialog")),
        rx.dialog.content(
            rx.dialog.title("Welcome to Reflex!"),
            rx.popover.root(
                rx.popover.trigger(
                    rx.icon("circle-help", cursor="pointer"),
                ),
                rx.popover.content(
                    rx.flex(
                        rx.text("Simple Example"),
                        rx.popover.close(
                            rx.button("Close"),
                        ),
                        direction="column",
                        spacing="3",
                    ),
                ),
            ),
            rx.dialog.close(
                rx.button("Close Dialog", size="3"),
            ),
        ),
    )

doing this, the popover is opened and closed instantly
Should we only use buttons as triggers? :thinking:

3

I think this is a bug in reflex, can you convert this to a GitHub issue and well take a look asap. Thanks

1 Like