Disable list animation if user prefers reduced motion

danaYatsuta · Apr 9, 2024 · 83255bf · 83255bf
1 parent 9c173dc
commit 83255bf
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/TheTodoList.vue b/src/components/TheTodoList.vue
@@ -155,4 +155,12 @@ export default {
 .list-leave-active {
   position: absolute;
 }
+
+@media (prefers-reduced-motion) {
+  .list-move,
+  .list-enter-active,
+  .list-leave-active {
+    transition: none;
+  }
+}
 </style>