Skip to content

Commit

Permalink
fix(content): add touch-action manipulation for a11y zoom and pan (#2…
Browse files Browse the repository at this point in the history
…3534)

resolves #22805
  • Loading branch information
willmartian authored Jun 29, 2021
1 parent 9e24a0b commit 6ca1780
Showing 1 changed file with 2 additions and 6 deletions.
8 changes: 2 additions & 6 deletions core/src/components/content/content.scss
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,8 @@
box-sizing: border-box;

overflow: hidden;

touch-action: manipulation;
}

.scroll-y,
Expand Down Expand Up @@ -106,21 +108,15 @@
}

.scroll-y {
touch-action: pan-y;
overflow-y: var(--overflow);
overscroll-behavior-y: contain;
}

.scroll-x {
touch-action: pan-x;
overflow-x: var(--overflow);
overscroll-behavior-x: contain;
}

.scroll-x.scroll-y {
touch-action: auto;
}

.overscroll::before,
.overscroll::after {
position: absolute;
Expand Down

0 comments on commit 6ca1780

Please sign in to comment.