White box under every screen.. at my wits end

pm11 · 2020-10-11T19:09:32.751Z

Hi there

At my wits end…
I have a native app with BDK wrapper but I have one huge problem:
there is a white box under every element… I’ve tried everything for 2 days
If I make the elements higher, the white box is just replaced with the element… Why is there this “scroll element”?

Editor: Coffirigtig | Bubble Editor

Does anyone have a idea?

image1125×2436 216 KB

pm11 · 2020-10-11T20:22:57.999Z

One thing that is very weird to me:

Screen 1 and 2 are exactly same height. Both have scroll “bug” where I can scroll down.

But in screen one that area is the color it’s meant to be while two it’s white again

image1125×2436 153 KB

image1125×2436 204 KB

deadpoetnsp · 2020-10-11T22:58:52.826Z

Try putting all this in a floating group that floats relative to both the top and the bottom, and set the height of the FG the same as the page height.

pm11 · 2020-10-11T23:28:53.943Z

Every element in a FG for its own or everything in one?

gaurav · 2020-10-11T23:35:49.344Z

Probably have some group that’s not collapsing?

Also maybe you can simply set the page background color to match the showing groups’s background color conditionally. That should fix your UI in minutes until you figure out what’s the actual issue

J805 · 2020-10-11T23:38:14.617Z

Hard to see from my phone. Maybe try this:

image1125×1888 388 KB

Try making sure this one collapses and that there is no extra space between it and the group above.

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

deadpoetnsp · 2020-10-12T01:03:10.046Z

OK I found the problem. Ignore what I said about the FG. What’s happening here is that the group above the login group partially overlaps with the login group. The vertical stacking of the groups needs to be perfect - there should be no overlap, or no spaces, between vertically stacked groups. As a result, the login group is getting shifted up.
Group 1
Group 2
Group 2
…
should be vertically stacked, not overlap, and have no space between.

Capture1675×880 51.8 KB

Capture2861×629 54.4 KB

deadpoetnsp · 2020-10-12T01:09:27.549Z

See my second reply above, and arrange the groups like shown below.

Untitled

pm11 · 2020-10-12T16:25:46.976Z

Thank you very very much for your time and answer… Life saver

pm11 · 2020-10-12T16:39:59.888Z

This fixed the cutted element completey. Thank you so much

Do you have any idea why there is a white “scroll able” box under every element? Is this because they are not long enough? It still happens If i inspect it as small screen…
Highly appreciated your taking your time to help me