Turn off view transitions on mobile

Unfortunately view transitions do not work correctly with finger swipes that go forward / backward in history. See these issues for more details: - w3c/csswg-drafts#8333 - whatwg/html#8782 - w3c/csswg-drafts#8747
guilhermesimoes · Jan 31, 2025 · c3b6faf · c3b6faf
1 parent 9c445cd
commit c3b6faf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -1,8 +1,10 @@
 $header-height: 3.2rem;
 $menu-opening-duration: 0.3s;
 
-@view-transition {
-  navigation: auto;
+@media (pointer: fine) {
+  @view-transition {
+    navigation: auto;
+  }
 }
 
 html {