I’ve been trying to use different date calendar plugins, but it seems most of them do not work in a popup. What would cause this and is there a simple solution?
I went through fixing for this for some elements … as I remember it, when an element is in a popup, before popping up, it has a size of 0, and gets resized when then popup is shown. If this hasn’t been anticipated, it could mess up the rendering.
It seems like it has to do with the plugin code initializing before the element is visible, or something like that. All of the native bubble elements work fine, so I wonder if it’s something that Bubble could correct or if it’s on each individual plugin developer to know about this issue and how to correct it. If it’s the latter, then I would hope Bubble would provide documentation for the issue.
There is, at minimum, one plugin that does not work well unless hidden on page load and then made visible through later action… Maybe that would be a workaround here?
The situation is a lot worse for an element in a repeating group, when the list items are moved around, the elements aren’t moved to match.
Another workaround could be to have a dynamic expression in one of the properties, and change its value after showing the popup.
@gaurav seems to account for whatever the issue is (be it proper code inclusion and/or sizing) in his plugins. He could probably tell us what the issue is and how he properly accounts for it.
Don’t recall specifically having to account for this… Also I can’t compare for how other plugins are built as never used them. Maybe they need to wait for document to be ready?
You have a checkbox for this in your Phone Input plug.
Bubble it’s bit special with this.
The reason that’s happening it’s because in groups/pop-ups the “code” loads before the group.
Groups/pop-ups don’t load on the page load but only when they become visible the first time.
So basically we have to run the plug-in code after pop-up/group gets visible or otherwise the script gets broken.
Thats for a different function… I think what I did in my demo to make it work is to make the element visible only after pop up is visible.