fix(theme-common): fix collapsible component with prefers-reduced-mot…

…ion (#8906)
facebook · Apr 19, 2023 · f154b2f · f154b2f
1 parent 9c7e29a
commit f154b2f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-common/src/components/Collapsible/index.tsx b/packages/docusaurus-theme-common/src/components/Collapsible/index.tsx
@@ -77,7 +77,9 @@ https://github.com/mui-org/material-ui/blob/e724d98eba018e55e1a684236a2037e24bcf
  */
 function getAutoHeightDuration(height: number) {
   if (userPrefersReducedMotion()) {
-    return 0;
+    // Not using 0 because it prevents onTransitionEnd to fire and bubble up :/
+    // See https://github.com/facebook/docusaurus/pull/8906
+    return 1;
   }
   const constant = height / 36;
   return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);