Forum Documentation Showcase Pricing Learn more

Anyone else have to do this iOS status bar Hack?


#1

Out of the 3 meta below for meta name=“apple-mobile-web-app-status-bar-style” content=" "
Bubble seems to use black-transparent as the default content.

  1. Default results in a white status bar with black text,
  2. Black results in a black status bar with white text, and
  3. Black-translucent results in a transparent background with white text. Additionally, this status bar floats above your content.

However, after loading, the black-transparent status bar does not float on top of my background, instead it seems to push it down so that a white gap shows where the invisible white text of the status bar is.

status%20bar%20is%20white

I’m therefore having to put a hack in to scroll up after loading to an offset of 20px just on that coloured screen. But of course when User scrolls down then up, they will just see the white gap again.

Anyone else have a solution to this or is this a bug or just poor iOS behaviour?