BDK Full Screen Page Over Status Bar

Has anyone got their app rebuilt recently on BDK?

New changes now allow for full size pages that go over the status bar which is great for image backgrounds.

However, I am struggling to modify my existing pages that have a height of 100%. Seems as though the height of the status bar is now prevent page to go full height at the bottom of the screen. Attached a screen shot to show what I am referencing to.

Current meta tag in header
meta name=‘viewport’ content=‘initial-scale=1, user-scalable=no, viewport-fit=cover’

If viewport-fit=cover is not in there the page scrolls over the status bar leaving my floating group headers looking terrible.

Anyone working with this yet? Frustrated as my app was done and now I’m left with fixing the entire thing.

2 Likes

For anyone with this issue the solution is adding style to header below

body { min-height: calc(100vh) !important; } .main-page.bubble-element.Page { min-height: calc(100vh) !important; }