Issue: Popover location changes if app is opened horizontally vs vertically on a horizontal page

The issue is based on the direction of the device when the app is opened.

If the app is opened up and the device is horizontal, then when going to the page that is locked in landscape, the popover is centered just fine.

If the app is opened and the device is vertical, forcing the window to flip horizontal when the landscaped page is opened, then the window appears off center and low.

Steps to Reproduce:

Popover code:

let popover = this.popoverCtrl.create(ImageSigPopOverPage, {
  carriage: this.carriage,
  callback: data => {
    this.log.debug('message', 'In the callback for popover. The data returned: ', data);
    this._generateSignatureObject(data.title, img, data.autoDispatch);
}, {showBackdrop: true, enableBackdropDismiss: true, cssClass: "signature--popover"});

In the constructor:

_platform.ready().then(() => {

Screen shot:

I cant seem to add any css that will affect the location unless it makes the popup window disappear completely, and then only inline. (like position: absolute; left:100px; top:100px; poof… cant find it any more)

How can I position this popover in the same space regardless of how the app opens?

My ionic info:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 6.0.0
OS: OS X El Capitan
Node Version: v7.8.0
Xcode version: Xcode 8.2.1 Build version 8C1002

Other Information:
Sorry about the crosspost:
I started here
Stackoverflow question:
Then it was recommended that I go here:
Then here to the forum. TIA

Can you provide a screenshot of the problem?

What exactly do you mean by “the page that is locked in landscape”?

Post your ionic info output please.

Ionic info and screenshot updated.

The “locked in landscape” is the code the constructor:


So, what is happening is that i’m having to open this horizontally (landscape) “locked” screen and the popup is not positioned in the same place if the app opens horizontally vs vertically.

These could all be updated to recent versions, maybe the problem goes away then as it was fixed there.

Where exactly are you triggering the popover?
What page are you starting the app on?
What page is triggering the popover?

Did I get it right that the wrong positioning only happens when you start the app on the device in portrait, then go to a page that is locked to landscape so it changes the way the app is displayed?

I am also facing same issues.


  1. Open the app in landscape mode click the popover button its open fine.
  2. Then rotate the mobile to portrait the popover position was changed and moved top of the mobile screen.
  3. Same repeat the step reverse click popover button in portrait mode in mobile and rotate to landscape the popover was hidden.

2. landscape mode

above show the sample.