I am experiencing an issue with nested accordions in Bricks where the close animation is not smooth, and this happens both in the Bricks builder and on the frontend.
Behavior
Accordion opens smoothly.
Accordion closes abruptly instead of animating smoothly.
This affects nested accordions.
The issue is visible in both the backend (Bricks builder) and the frontend.
What I tested
Copied and pasted an existing accordion.
Created a brand new accordion from scratch.
Removed element-level styling.
The behavior remains the same in all cases.
Why I suspect ACSS
The issue is consistent across newly created accordions.
It looks like a global CSS rule is interfering with the close animation.
ACSS is the only global styling system in use.
Environment
Bricks Builder
ACSS enabled
Nested accordion setup
No custom JavaScript affecting accordions
All latest versions! It’s a new Website env
Question
Has anyone run into ACSS affecting Bricks accordion close animations, especially for nested accordions?
Is there a known ACSS reset, utility, or variable that affects height, max-height, overflow, or transitions and prevents smooth closing?
I would appreciate guidance on what ACSS styles or Bricks settings to inspect or override.
Edit: Quick Video adde:
