Click again on "Click to show"; an "Underneath" text should appear.
Observe the behavior:
Preact Demo: The "Underneath" text gets cut off.
React Demo: The "Underneath" text displays completely.
Expected Behavior
In the React demo, the accordion adjusts its height automatically to fit the content, with smooth animations for opening and closing. However, in the Preact demo, the accordion height becomes fixed and any additional dynamic content will get cut off, and the animation breaks, resulting in a "jumping" effect when opening the accordion instead of a smooth transition.
Screenshots
Broken Demo:
Accordion height is fixed.
Working Demo:
Accordion height adjusts automatically.
Environment (please complete the following information):
Describe the Bug
There is a compatibility issue between Preact and Reshaped, causing the
<Accordion />
component to not function as expected.To Reproduce
Non-working Demo with Preact + Reshaped:
Preact Demo
Working Demo with React + Reshaped:
React Demo
Steps to Reproduce
Expected Behavior
In the React demo, the accordion adjusts its height automatically to fit the content, with smooth animations for opening and closing. However, in the Preact demo, the accordion height becomes fixed and any additional dynamic content will get cut off, and the animation breaks, resulting in a "jumping" effect when opening the accordion instead of a smooth transition.
Screenshots
Broken Demo:
Working Demo:
Environment (please complete the following information):