mui / mui/base-ui

[collapsible] onOpenChangeComplete

Open
#4,381 1 comment 1 reaction 0 assignees View on GitHub
component: collapsible type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# 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.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.