Android navigation bar overlapping webview

I have an ionic app using ionic tabs stick to the bottom of the screen.
Everything works fine except on some Android phones having navigation bar at the bottom.
The navigation bar is overlapping some parts of the screen and the tabs not showing at all!
Not sure how to fix this issue. Please let me know if you have any idea.
Thanks in advance.

image

Hi, I am facing the same issue can, were you able to fix it?

I saw the same problem on Android 13 devices. Turned out that cordova-plugin-statusbar was causing it. After removing that plugin, content was no longer extended below navigation bar.