Callum Bonnyman
Callum Bonnyman
Did anyone find a working fix for this other than upgrading to React 18?
Looks like it's hardcoded just to animate height: https://github.com/chakra-ui/chakra-ui/blob/790d2417a3f5d59e2d69229a027af671c2dc0cbc/packages/transition/src/collapse.tsx You could just create your own custom component with Framer motion. I just created something quick, but the styling would need...
Although it's [not well supported yet](https://caniuse.com/mdn-css_types_length_viewport_percentage_units_dynamic). Once it ships in Chrome, perhaps a better solution could be to use `height: '100dvh'` with the `@supports` directive.