Description:
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.signaturePad.fromDataURL(img);
this._generateSignatureObject(data.title, img, data.autoDispatch);
}
}, {showBackdrop: true, enableBackdropDismiss: true, cssClass: "signature--popover"});
In the constructor:
_platform.ready().then(() => {
screenOrientation.lock('landscape');
});
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: https://stackoverflow.com/q/45744914/2589202
Then it was recommended that I go here:
https://github.com/ionic-team/ionic/issues/12701
Then here to the forum. TIA
