Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
Accordion content panel does not correctly expand/collapse when nested content is expanded/collapsed. When nested content is expanded it gets partially hidden, constrained by the parent's current size.
It works correctly in Chrome and Firefox if motion is set to on. It doesn't work at all in Safari.
Describe the bug
Accordion content panel does not correctly expand/collapse when nested content is expanded/collapsed. When nested content is expanded it gets partially hidden, constrained by the parent's current size.
It works correctly in Chrome and Firefox if motion is set to on. It doesn't work at all in Safari.
How to reproduce
Steps to reproduce the behavior:
Expected behavior
Accordion content should correctly resize to fit its current content.
Versions
Clarity project:
Clarity version:
Framework:
Framework version: Vue 3.2
Device: