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

fix(status-bar): tapping status bar correctly scrolls content to top (#24001)

Browse Source 
resolves #20423

Co-authored-by: Hans Krywalsky <EinfachHans@users.noreply.github.com>
This commit is contained in:
Liam DeBeasi
2021-09-30 18:37:47 -04:00
committed by GitHub
parent 7010fe97a7
commit 25eb8cdf98
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/utils/status-tap.ts
View File

@ -15,7 +15,21 @@ export const startStatusTap = () => {
const contentEl = el.closest('ion-content'); const contentEl = el.closest('ion-content');
if (contentEl) { if (contentEl) {
new Promise(resolve => componentOnReady(contentEl, resolve)).then(() => { new Promise(resolve => componentOnReady(contentEl, resolve)).then(() => {
writeTask(() => contentEl.scrollToTop(300)); 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 contentEl.scrollToTop(300);
contentEl.style.removeProperty('--overflow');
});
}); });
} }
}); });