javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(modal/popover): lifecycle events

Browse Source 
fixes #15806
This commit is contained in:
Manu Mtz.-Almeida
2018-10-08 14:28:15 -05:00
parent 11aa241dac
commit 19c449e815
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/modal/modal.tsx
View File

@ -229,6 +229,6 @@ export class Modal implements ComponentInterface, OverlayInterface {
const LIFECYCLE_MAP: any = {
'ionModalDidPresent': 'ionViewDidEnter',
'ionModalWillPresent': 'ionViewWillEnter',
'ionModalWillDismiss': 'ionViewWillDismiss',
'ionModalDidDismiss': 'ionViewDidDismiss',
'ionModalWillDismiss': 'ionViewWillLeave',
'ionModalDidDismiss': 'ionViewDidLeave',
};

4
core/src/components/popover/popover.tsx
View File

@ -241,6 +241,6 @@ export class Popover implements ComponentInterface, OverlayInterface {
const LIFECYCLE_MAP: any = {
'ionPopoverDidPresent': 'ionViewDidEnter',
'ionPopoverWillPresent': 'ionViewWillEnter',
'ionPopoverWillDismiss': 'ionViewWillDismiss',
'ionPopoverDidDismiss': 'ionViewDidDismiss',
'ionPopoverWillDismiss': 'ionViewWillLeave',
'ionPopoverDidDismiss': 'ionViewDidLeave',
};

7
core/src/utils/overlays.ts
View File

@ -3,7 +3,7 @@ import { AnimationBuilder, BackButtonEvent, HTMLIonOverlayElement, IonicConfig,
let lastId = 0;
export function createOverlay<T extends HTMLIonOverlayElement>(element: T, opts: object | undefined): Promise<T> {
const doc = element.ownerDocument;
const doc = element.ownerDocument!;
connectListeners(doc);
// convert the passed in overlay options into props
@ -152,16 +152,17 @@ async function overlayAnimation(
}
if (overlay.keyboardClose) {
animation.beforeAddWrite(() => {
const activeElement = baseEl.ownerDocument.activeElement as HTMLElement;
const activeElement = baseEl.ownerDocument!.activeElement as HTMLElement;
if (activeElement && activeElement.matches('input, ion-input, ion-textarea')) {
activeElement.blur();
}
});
}
await animation.playAsync();
const hasCompleted = animation.hasCompleted;
animation.destroy();
overlay.animation = undefined;
return animation.hasCompleted;
return hasCompleted;
}
}