diff --git a/fixtures/view-transition/src/components/Chrome.css b/fixtures/view-transition/src/components/Chrome.css index ade2f73952f1..969f1e2d3271 100644 --- a/fixtures/view-transition/src/components/Chrome.css +++ b/fixtures/view-transition/src/components/Chrome.css @@ -7,3 +7,10 @@ body { padding: 0; font-family: sans-serif; } + +::view-transition-group(*), +::view-transition-image-pair(*), +::view-transition-old(*), +::view-transition-new(*) { + pointer-events: none; +} diff --git a/fixtures/view-transition/src/components/SwipeRecognizer.js b/fixtures/view-transition/src/components/SwipeRecognizer.js index 8e913dfb4e55..0b16967f51b0 100644 --- a/fixtures/view-transition/src/components/SwipeRecognizer.js +++ b/fixtures/view-transition/src/components/SwipeRecognizer.js @@ -92,7 +92,6 @@ export default function SwipeRecognizer({ width: axis === 'x' ? '100%' : null, height: axis === 'y' ? '100%' : null, overflow: 'scroll hidden', - touchAction: 'pan-' + direction, // Disable overscroll on Safari which moves the sticky content. // Unfortunately, this also means that we disable chaining. We should only disable // it if the parent is not scrollable in this axis.