Problem with iOS Bottom Bar

[LekoArts]

Hi, I want to clarify the issue #70 by adding more details to this problem:

Both the top and bottom bar are always visible regardless if you scroll vertically or not. Sadly the text gets cut at the bottom so that you can't read the end of the paragraph anymore. If you scroll down and up multiple times it changes between cut at top/bottom. Sometime you can read the whole text.

• The first screen shows that both bars are visible
• The second screen shows the text if you scroll and keep you finger on the smartphone. In this case you'll see the whole text
• If you scroll and remove the finger from the smartphone (let the phone scroll itself) then the text gets cut off like in screen 3
• Sometimes is also gets cut off at the top like in screen 4

The problem only occurs on the Safari of iOS. Chrome on iOS is totally fine.

Asking Google told me that this is a well known problem and a lot of people struggle with it. I found these things (which might help): https://benfrain.com/the-ios-safari-menu-bar-is-hostile-to-web-apps-discuss/ https://www.npmjs.com/package/ios-inner-height https://www.eventbrite.com/engineering/mobile-safari-why/

[jlantunez]

Hi @LeKoArts,

Thanks so much for your detailed feedback! We truly appreciate it.

[LekoArts]

My workaround for the time being is adding manually a margin at the bottom of the container. With that the text is visible.