Skip to content

[collapsible] onOpenChangeComplete #4381

@literalpie

Description

@literalpie

Feature request

Summary

Similar to Dialog and Popover, it would be nice to know when the openChange animation is complete.

Examples in other libraries

Motivation

We set overflow: hidden during animations so scrollbars don't get shown during the animation. This is causing problems for some components that display popovers using absolute positioning from inside the collapsible container. We would use this prop to set an "isAnimating" prop to conditionally apply the styles we want.

Besides onOpenChangeComplete, another nicer approach would be if the transitionStatus value (and data- attributes) could be used to know if an open animation is in-progress. Unfortunately, it seems like transitionStatus is "idle" when the open animation is happening.

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: collapsibleChanges related to the collapsible component.type: new featureExpand the scope of the product to solve a new problem.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions