From a2540d9e73046d01b19bbc1f807748fbdd18939a Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Tue, 29 Sep 2026 00:49:13 +0000 Subject: [PATCH] The legend collapse caret stops turning when the reader asks for reduced motion The caret (C11) and the reduced-motion gate were written in parallel, and only together did the gap show: the new caret animates its arrow (transform 0.18s) and its colours with no reduced-motion rule. The rule sits in the useShadowStyles string, where a shadow root can see it. The arrow still flips to the right direction; it only stops turning on the way there. --- library/components/legends/LegendCollapseCaret.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/library/components/legends/LegendCollapseCaret.vue b/library/components/legends/LegendCollapseCaret.vue index 84b602710..596f57ce3 100644 --- a/library/components/legends/LegendCollapseCaret.vue +++ b/library/components/legends/LegendCollapseCaret.vue @@ -65,6 +65,11 @@ useShadowStyles(` LegendDesktop never had — additive :dir(rtl) overrides, as in VerticalTabsLayout and STL. */ .legend-collapse-caret:dir(rtl) svg { transform: rotate(180deg); } .legend-collapse-caret--open:dir(rtl) svg { transform: rotate(0deg); } + +/* Reduced motion: the arrow still flips, it just does not turn on the way there. */ +@media (prefers-reduced-motion: reduce) { + .legend-collapse-caret, .legend-collapse-caret svg { transition: none !important; } +} `, 'legend-collapse-caret')