Whenever Android and iOS browsers have their URL visible, it hides content at bottom of panel

[Brune04]

Describe the bug
Whenever you open up react-sliding-side-panel when the browsers URL is visible, it hides the bottom part of the panel.

Expected behavior
I would expect all of the sliding panel to be visible no matter if the browsers URL is visible or not.

Screenshots




Here's some examples from Android and iOS.

I have the panel set up as a header, body and footer. The body is scrollable, but the header and footer are fixed at the top and bottom of the screen.