@ionic/core
Version:
Base components for Ionic
37 lines (36 loc) • 1.47 kB
JavaScript
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/
import { readTask, writeTask } from "@stencil/core";
import { findClosestIonContent, scrollToTop } from "./content";
import { componentOnReady } from "./helpers";
export const startStatusTap = () => {
const win = window;
win.addEventListener('statusTap', () => {
readTask(() => {
const width = win.innerWidth;
const height = win.innerHeight;
const el = document.elementFromPoint(width / 2, height / 2);
if (!el) {
return;
}
const contentEl = findClosestIonContent(el);
if (contentEl) {
new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {
writeTask(async () => {
/**
* If scrolling and user taps status bar,
* only calling scrollToTop is not enough
* as engines like WebKit will jump the
* scroll position back down and complete
* any in-progress momentum scrolling.
*/
contentEl.style.setProperty('--overflow', 'hidden');
await scrollToTop(contentEl, 300);
contentEl.style.removeProperty('--overflow');
});
});
}
});
});
};