Popover centering not working after ionic 4 to 5 update

@timKraeuter wrote:

I have used the trick described in https://github.com/ionic-team/ionic/issues/15036 and used in How to center a popover horizontally on iOS? to center the popovers in my app(especially when the virtual keyboards pop up). After updating from ionic 4 and angular 7 to ionic 5 and angular 9 the solution is not working anymore.

I have debugged in chrome and it seems like the “transform: translate(-50%, -50%) !important;” part is not considered anymore.

Ionic info:
Ionic:

Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 5.1.0
@angular-devkit/build-angular : 0.901.4
@angular-devkit/schematics : 9.1.4
@angular/cli : 9.1.4
@ionic/angular-toolkit : 2.2.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.1, (and 14 other plugins)

Utility:

cordova-res : not installed
native-run : 1.0.0

System:

NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

I would appreciate any help. I am not sure if the ionic or angular update is to blame.

Posts: 1

Participants: 1

Read full topic