authorgravatar for saphid@gmail.comAlex Southwell <saphid@gmail.com> 2026-09-06 14:27:34+10:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-05 21:27:34-07:00
log84aebb72f306f17bed680e1241dab9ab8e8df741
treec62a7521f41171efe2d51590e2a7e6724a09b453
parentab67795dde448a3608d8689f7ad1975bb977e5a9
signature Signed by PGP key B5690EEEBB952194

fix(web): respect reduced motion in shared disclosures (#10258)

1 files changed, 3 insertions(+), 1 deletions(-)

apps/web/src/components/ui/collapsible.tsx+3-1
...@@ -19,10 +19,12 @@ function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigge...@@ -19,10 +19,12 @@ function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigge
19}19}
2020
21function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props) {21function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props) {
22 // Reuses the local shadcn/Base UI panel; skip height travel for reduced motion.
23 // https://ui.shadcn.com/docs/components/base/collapsible
22 return (24 return (
23 <CollapsiblePrimitive.Panel25 <CollapsiblePrimitive.Panel
24 className={cn(26 className={cn(
25 "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0 data-open:data-ending-style:[height:var(--collapsible-panel-height)]",27 "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 motion-reduce:transition-none data-ending-style:h-0 data-starting-style:h-0 data-open:data-ending-style:[height:var(--collapsible-panel-height)]",
26 className,28 className,
27 )}29 )}
28 data-slot="collapsible-panel"30 data-slot="collapsible-panel"