Is there any talk about introducing reusable elements that can be used simultaneously across mobile and desktop editors? I would have thought this would be quite a sought after feature given the value prop of bubbles mobile builder is it’s under the same ecosystem as your website.
It’s an interesting idea but mobile native and web have completely different underlying infrastructure. Web is HTML/CSS/JS and Mobile is React Native. That’s why they had to create brand new elements and is why the responsiveness doesn’t work exactly the same (every notice that align to parent is not available in mobile native?).
I think they could think of something like combining the editors and only showing the appropriate elements depending on the current platform. It seems like a big lift though and not a ton of benefit, since one “Text” element won’t work on both platforms.
2 Likes
Right now there isn’t a single “unified” reusable element type that you can freely drop into both the classic web editor and the new mobile builder and manage from one place.
Bubble recently introduced mobile reusable elements that work across your mobile pages, similar to how standard web reusables work on web pages. However, mobile reusables and web reusables are still separate, and Bubble warns that copying them back and forth can break things if they contain web‑only or mobile‑only elements.
So at the moment the pattern is still:
-
Use web reusables for desktop/tablet pages in the main editor.
-
Use mobile reusables for screens built with the mobile builder.
I haven’t seen an official announcement about a single cross‑environment reusable type yet, but given how they’re positioning the mobile builder I wouldn’t be surprised if closer alignment is on their roadmap. For now, the safest approach is to duplicate the component and adapt layout/conditionals separately for web and mobile
1 Like
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.