shivamjoker / react-fast-accordion Goto Github PK

We need something like scrollIntoViewIfNeeded but it's not majorly supported and doesn't have smooth behaviour

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded

Content scroll height needs to be added as well while scrolling the element

See the screenshot.
The first item is clicked once. It changed classes, so I've got the isOpen prop to be true.
The second item is clicked three times: open(no), close, open(yes). And it starts to work fine.
The third item is just a closed item example.

Sometimes some items work for the first click. But mostly not.

I noticed that the CSS properties of the DetailComponent tag (max-height and opacity) do not change even when it works fine.

Adding multiExpand={false} (when added in the provided CodeSandbox demo) doesn't seem to be limiting the accordion to only one open item at a time.

Example - https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html