Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix(material/expansion): prevent focus from entering the panel while it's animating #28646

Merged
merged 1 commit into from
Feb 26, 2024
Merged

fix(material/expansion): prevent focus from entering the panel while it's animating #28646

merged 1 commit into from
Feb 26, 2024

Commits on Feb 26, 2024

  1. fix(material/expansion): prevent focus from entering the panel while … 

    …it's animating

Currently the expansion panel prevents focus from entering it using `visibility: hidden`, but that only works when it's closed. This means that if the user tabs into it while it's animating, they may scroll the content make the component look broken.

These changes resolve the issue by setting `inert` on the panel content while it's animating. Also cleans up an old workaround for IE.

Fixes angular#27430.
Fixes angular#28644.
    @crisbeto
    crisbeto committed Feb 26, 2024
    Configuration menu
    Copy the full SHA
    c631c97 View commit details
    Browse the repository at this point in the history