Set the hidden attribute to true for the component.
Run the application.
Expected Behavior: The modal component should disappear from the user interface once the hidden attribute is set to true.
Actual Behavior: Despite setting the hidden attribute to true, the modal component remains visible in the interface. Specifically, the button text within the modal is still displayed.
That is a very odd bug. I tried to reproduce the button on my modal disappears when I close/exit out of the modal.
Any chance you can DM me a video of you opening and closing the modal?
If you could share a screen shot of how the modal is set up that might also provide clues as to why the button isn't being hidden with the rest of the modal
For reference, this is how I set up my modal and the buttons to open and close it.
Thanks for your answers. Just to clarify, the modal is the old version, so there isn’t a button that opens it—everything is contained within the same component. It’s strange because this issue only started appearing a week ago. If you'd like, I can DM you with more details.
If it was working and suddenly stopped I am going to guess there was a patch that caused some changes. Definitely DM me with more details.
I can flag a bug report internally for this as well. Best advice for the short term would be testing out the newest modal component to see if it can be used for your needs
Hi @TECH_ALMOND! When a hidden component is selected in the editor, we show the component in its non-hidden state in order to make it easier to visualize updates. The bounding box tag shows a hidden icon (the eye with a line through it) when this is the case. If you de-select the component, the component should hide again. It will also be hidden in preview mode.
I am noticing a bug however where sometimes the button text still appears when the component is hidden if WidgetGrid is enabled -- this seems like it may be what you're describing Do you have WidgetGrid enabled by chance? You can try toggling it off in the toolbar at the bottom of the screen to see if that corrects the issue.
Very odd, are you still using the old modal or have you tried switching to the new modal component?
Let me test things out on the new modal component and see if I can reproduce the button text staying visible even when the modal's hidden property is set to true!
It looks like on the new modal, when I set hidden to be 'true' the side panel on the left side will show the hidden symbol (eye with line through it) to let me know the UI has picked up on the changes that the modal should be hidden.
Is this appearing for you as well? If you are on the old modal I think the best solution is to move to the new 'Modal Frame' component as that should be working as intended with hiding logic
It’s not something we can accomplish in one step, as we have multiple apps and modals involved. Upgrading a component isn’t so straightforward when there are many.
Do you have WidgetGrid enabled by chance? You can try toggling it off in the toolbar at the bottom of the screen to see if that corrects the issue.
