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

[v2] html/body overflow visible with open Drawer #9620

Open

1 of 3 tasks

ianrohde opened this issue Feb 5, 2025 · 0 comments

Open

1 of 3 tasks

[v2] html/body overflow visible with open Drawer #9620

ianrohde opened this issue Feb 5, 2025 · 0 comments

ianrohde commented Feb 5, 2025

Description

When I open a Drawer component, I expected the html/body overflow to be hidden, but it is not.

Link to Reproduction

https://v2.chakra-ui.com/docs/components/drawer/usage#focus-on-specific-element

Steps to reproduce

Open example Drawer by clicking + Create user button
Reduce browser viewport height to anything less than the drawer content
Observe double scrollbars

Chakra Drawer docs screenshot

Chakra UI Version

2.10.5

Browser

Chromium 132.0.6834.160

Operating System

macOS
Windows
Linux

Additional Information

Notes

This was introduced somewhere between 2.8.1 and 2.10.5.
The data-scroll-locked attribute that has overflow: hidden styles appears to missing in the later version.

Replication on Chakra 2.8.1:

The text was updated successfully, but these errors were encountered:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment