Action Sheet fails to appear on iPad running iOS 14.3

[gmaughan]

Short description of the problem:

Action lists are not appearing on iPads running iOS 14.2. This seems to be an issue for iPads running iOS 13.6.2 onwards however we have not confirmed this.

What behavior are you expecting?

The action sheet should animate from the bottom of the screen.

Steps to reproduce:

1. Open an action sheet using ionic.actionSheet.IonicActionSheetService.show()

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

The action-sheet-backdrop div appears correctly.

The action-sheet-wrapper div appears to be outside the bounds of the viewport.

If we examine the generated HTML and modify the action-sheet-wrapper to add top:0 the sheet appears, at the top, which indicates that it is positioned offscreen and is perhaps not firing the animation.

We would love to upgrade this app from Ionic 1 to the latest, but that involves a complete re-write and we have been given neither the budget or time to do so. This is an app we run in production.

Which Ionic Version? 1.x or 2.x

Ionic:

Ionic CLI : 6.12.2 (/lib/node_modules/@ionic/cli)
Ionic Framework : ionic1 1.3.3
@ionic/v1-toolkit : 3.2.15

Cordova:

Cordova CLI : 9.0.0 ([email protected])
Cordova Platforms : android 9.0.0
Cordova Plugins : no whitelisted plugins (11 plugins total)

Utility:

cordova-res : 0.15.2
native-run : not installed

System:

Android SDK Tools : 25.2.5 (/opt/android)
NodeJS : v10.23.0 (/bin/node)
npm : 6.14.8
OS : Linux 4.19

[gmaughan]

Does anyone have any hints as to how I might hack a fix for this?

[gmaughan]

I figured out a fix.