Ran out of room in Bubble Designer while nesting repeating groups

[supernaturally]

I’ve been attempting to build an interface for viewing folder directories inside of Bubble., very similar UI to the layers shown in Bubble’s “UI Builder”. So far, I have 4 repeating groups nested inside of one another and can no longer go any further due the cutoff of Bubble’s Design Editor - there is no way to expand the layer sidebar and I can’t read or access anything beyond this point:

I could build a plugin, but I’d like to limit that as much as possible for this project. I’ve also been running into walls with having a custom plugin’s element interact with the DOM (specifically, setting the “instance.canvas.height()” under Bubble’s new Responsive Engine, which worked fine prior to the new engine…frustrating.

I need ~ 10 nested folders in the nested repeating group container. Anyone have ideas?

[J805]

Maybe use a reusable element to break it up a bit?

Kinda crazy that you are even doing this sorta thing. I enjoy pushing the envelope of Bubble too.

Another option, use one repeating group with spaces instead of new elements. Just a thought.

[cmarchan]

You could build the component using one single repeating group. (lots of fun building logic for this )

[supernaturally]

I did not follow your link since it has a paywall, but I did end up using a reusable element to clone the original rediculous nested layer stack and…it worked. It allowed me squeeze the same stack of no-code code (is that what we call this now?) where the Bubble Editor was being cutoff. Great idea @J805 . Yeah, I love pushing limits

I now have 8 nested layers (technically 28 inside of Bubble). Good enough for now!

[J805]

Awesome Glad you got it working.

[supernaturally]

UPDATE - using Bubble for nested repeating groups beyond 5 layers creates a terrible user experience. Specifically, on mobile devices.

The data in the nested repeating groups are being pulled directly from the current user (there are no DB queries being ran) and there only ~20 DB entries. On my mobile, it took ~12 seconds to load the page as it programmatically attempted to load nested RG #10 (out of 10). There is a database for ‘folders’ and each user has a linked list field of ‘currently open folders’. Each repeating group is simple:

Without spending too much time investigating, it feels like a limitation that cannot be worked around in Bubble itself:

And on ‘quicker’ runs:

This isn’t a use case for listshifter…it seems like only preloading page elements would help. Has anyone else been having performance issues with multiple nested repeating groups on readily available data?