Accordion Animation Layer

[StefanSeliger]

Which generators are impacted?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

I implemented the DBAccordion plus multiple DBAccordionItems. In the DBAccordionItems I implemented a component with a dropdown. The animation of the "@media screen and (prefers-reduced-motion: no-preference) {
.db-accordion-item[open] summary + div" does prevent the dropdown to be on top of the other elements. Deactivating the animation makes it possible to interact with the dropdown.

Expected Behaviour

I expect no interference of an animation with z-index or whatever causes the interference with the dropdown.

Screenshots

Browser version

Chrome

Add any other context about the problem here.

No response