Warning: Multi-select drop downs (the plugin by bubble) will load on page load when hidden.
It will also load the elements its nested in.
This caused page load speed issues since I had them nested all over my app.
Warning: Multi-select drop downs (the plugin by bubble) will load on page load when hidden.
It will also load the elements its nested in.
This caused page load speed issues since I had them nested all over my app.
Are you referencing the dropdown somewhere else?
For “marketplace” plugins, if the plugin is hidden on page load, there’s nothing loaded. But Bubble plugins are different… so this is possible. Test on a page without anything else, just the hidden multiselect dropdown.
yep, it’s a bubble plugin. you can create a brand new app and throw it on a blank page inside of a hidden group (that’s not visible on page load). it will still load.
it also happens with ionic elements plugin (by bubble).
if you’re using inside of nested REs this can cascade quickly. My app was crashing regularly and this was why.
this was tested…you are correct. 3rd party plugins behave as they should. Bubble built plugins inside the plugin marketplace behave differently and everyone should be aware.
You should report this to support. But Thanks to let community know this issue!
Are you serious ? I have material icons by bubble nested all over, how can I check this ? If you are talking about dropdown items being loaded regular dropdown items if it has do a search for in it will load even dropdown or parent groups element is not visible
if you went to the plugin marketplace and installed a plugin that bubble created, then you might want to check.
create a blank page and add a group that’s not visible on page load and collapses. place the element you’re worried about in this group.
go to chrome dev tools and see if it’s loading in. ask chatgpt how to do it if you’re not familiar.
Yes, tested it and confirmed. However only the group and the bubble plugin gets loaded. Not the other items nested in. So if you nested group1 > group2 , text + material icon plugin icon, only the group1, group2 and icon gets loaded. Plugin item being invisible or visible doesnt matte, groups visible or invisible doesnt matter it loads them. In my case regular icon element doesnt force holder to load
correct. If you have a group> reusable element>popup>group >multi-select drop down
it will load all of these elements on page load even if any (or all) are not visible on page load
.
But only the shell will be loaded no ? The dummy text I put in a group didn’t load
yes, just the mult-drop element and all parent groups in between it and the page.