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

fix(content): add touch-action manipulation for a11y zoom and pan (#23534)

Browse Source 
resolves #22805
This commit is contained in:
William Martin
2021-06-29 15:25:15 -04:00
committed by GitHub
parent 9e24a0b493
commit 6ca17805b8
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/content/content.scss
View File

@ -78,6 +78,8 @@
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
touch-action: manipulation;
} }
.scroll-y, .scroll-y,
@ -106,21 +108,15 @@
} }
.scroll-y { .scroll-y {
touch-action: pan-y;
overflow-y: var(--overflow); overflow-y: var(--overflow);
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
} }
.scroll-x { .scroll-x {
touch-action: pan-x;
overflow-x: var(--overflow); overflow-x: var(--overflow);
overscroll-behavior-x: contain; overscroll-behavior-x: contain;
} }
.scroll-x.scroll-y {
touch-action: auto;
}
.overscroll::before, .overscroll::before,
.overscroll::after { .overscroll::after {
position: absolute; position: absolute;