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

perf(overlay): prevent layout thrashing

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-19 18:58:46 +02:00
parent ea1c3d4100
commit ed5c8ebf09
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,12 +100,6 @@ async function overlayAnimation(
baseEl: HTMLElement,
opts: any
): Promise<void> {
if (overlay.keyboardClose) {
const activeElement = baseEl.ownerDocument.activeElement as HTMLElement;
if (activeElement) {
activeElement.blur();
}
}
if (overlay.animation) {
overlay.animation.destroy();
overlay.animation = undefined;
@ -117,6 +111,14 @@ async function overlayAnimation(
if (!overlay.willAnimate) {
animation.duration(0);
}
if (overlay.keyboardClose) {
animation.beforeAddWrite(() => {
const activeElement = baseEl.ownerDocument.activeElement as HTMLElement;
if (activeElement && activeElement.matches('input, ion-input, ion-textarea')) {
activeElement.blur();
}
});
}
await animation.playAsync();
animation.destroy();