I have a hybrid HTML5 app created using the Trigger.io framework. 

The app contains a fixed footer and a scrolling content area. The app works fine on all devices except the iPhone X. On the iPhone X when I scroll the content area, the footer actually scrolls out of view a little. 

This is how the app looks when the footer is in view

[![Normal app view](https://i.stack.imgur.com/UMGnE.png)](https://i.stack.imgur.com/UMGnE.png)

But once I scroll down, the footer hides and only shows when I scroll up again.

[![Scrolled app view](https://i.stack.imgur.com/YGnbQ.png)](https://i.stack.imgur.com/YGnbQ.png)

I've applied the iPhone X optimizations for the notch and that works fine in the design. The only issue that remains is the scrolling problem.

Since I'm using a hybrid framework, the view is constructed with HTML + CSS and not native UI components. 

Any thoughts on why the footer might be scrolling down on iPhone X?