Skip to content

[COMPONENT - ACCORDION] Cumulative shift layout caused by animation #459

Open

Description

@kevbarns

Hello,

Even though I'm using the Accordion component in a controlled way, the open/close animation remains, where the documentation says it does not. This causes bad performance upon page load & display, specifically on the CLS metric.

Is there a way to simply disable any animation on this component whatever the way I'm using it?

Thanks!

Image

Activity

  1. enguerranws commented on Dec 16, 2025

    @enguerranws
    Collaborator

    Can you provide an example of a controlled mode accordion where the animation remains?

    Well, I just checked the storybook, I think that's a mistake in the documentation : Accordion should always have an animation, since it's a CSS transition and react-dsfr is simply using original CSS provided by the DSFR. We need to update the doc accordingly.

  2. self-assigned this
    on Dec 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions