magynhard/OnsenUI

Add support for iPads without home button like for iPhoneX+ (iPad Air 4, iPad Pro, ...)

Opened this issue · 0 comments

magynhard commented

Environment

Onsen UI Version:

  • 2.11.2

Framework:

  • none / JS

Framework binding:

  • none

Additional libraries:

  • non relevant

Platform:

  • iOS (Cordova) on latest iPads without hardware home button
  • Devices
    • iPad Air 4
    • iPad Pro 2020
    • iPad Pro 2018

Encountered problem

The latest iPad have like the iPhoneX no more hardware home button, but a software bar at the bottom.
For the iPhoneX and later, there is a patch available, to increase the space at the bottom so that the software bar does not overlap the content (and the same for the notch at the top): https://onsen.io/v2/guide/iphonex.html

On the latest iPads (Air 4, Pro 2020, Pro 2018) the home button has also been replaced with the same software bar.

Especially when using a tabbed OnsenUI page, you can experience the problem most self-explanatory:

image

How to reproduce

Take an iPad of your choice without home button and open the OnsenUI demo page with tabbed menus:
https://onsen.io/demo/

image

Originaly reported at OnsenUI#2880