Space Added at Bottom of Every Page (not the debugger)

Wondering if anyone else is experiencing this where there is always, regardless of page type whether regular or mobile, 10-20 pixels of extra space at the bottom?

The problem is that this extra space shows up in the actual live version of the app and it is unwanted.

The below screenshot of the editor for a desktop page - the little white outline boxes mark the bottom of the page…

Here is the bottom part of a mobile page on an iOS simulator. It is the gray strip at the bottom.

22 PM

This is what creates it from the editor. Again those little white boxes there mark the edges of the page…

Any ideas how it could have gotten there? Is this a tracking pixel Bubble puts at the bottom pages and haven’t noticed that it causes this extra space yet (common web dev issue)? This happen for anyone else? @emmanuel any ideas? Thanks.

Worth noting I have created new pages and even a new app to see if it solves this and no dice :expressionless:

Anyone?

Even with a brand new Bubble account, the extra space shows up. Not much an issue on desktop for sure, but on mobile it’s the size of an extra status bar.

You must be new to Bubble. No worries. That’s suppose to happen in the editor. I just changed my page’s background color to orange to show you. I’m currently selecting the entire page. Take a look:

I believe it’s used so you can select the page easily. Either way, this should not be a problem in your preview or live modes.

Hope this helps,
Daniel

Hey Daniel thanks for the reply. New to Bubble about a month ago. It sucks because this particular issue with the extra space is that it DOES show up in live versions (switched from Development to Live to test how it’d look on various devices).

Oh well, with using Bubble for a mobile app and it not being officially supported… here’s to hoping more effort is given to mobile apps.

1 Like

Are you sure you don’t have a hidden element or group anywhere? That can often be the reason for unexplainable bugs.

Yea good check, I did look at the length of every group before the original post. Going to rebuild every group to see if this solves it. Painful when it’s 50 groups bc of the whole mobile one-page stacking thing.

I’ve had something similar happen, when I have a lot of groups set to collapse in height when not visible on the page. In my app, it happened when I had a setup like this (there were much more elements on the page, but seemed to be something with this):

Text 1
[50 pixels of space]
Collapsable Group with image inside it

Text 2
[50 pixels of space]
Collapsable Group with image inside it

Text 3
[50 pixels of space]
Collapsable Group with image inside it

This created a space of around 150 pixels on the bottom when those groups were hidden. In order to remove as much of the extra space as I could, I removed the 50 pixels of space between each text and group. It didn’t remove all of the extra space completely, but it was mostly almost gone by doing this. If you’d like me to take a look at your app, I’d be happy to try to see what may be causing the issue!

1 Like

This topic was automatically closed after 14 days. New replies are no longer allowed.