Preventing Scroll when Modal is open
Unanswered
Pond loach posted this in #help-forum
Pond loachOP
I am using tailwind with next js and when the modal is open it still scrolls, i added this to the css :root:has(dialog[open]) {
overflow: hidden;
max-height: 100vh;
} which works but when you scroll back up the modal the page starts scrolling again
overflow: hidden;
max-height: 100vh;
} which works but when you scroll back up the modal the page starts scrolling again
2 Replies
I'd suggest using a library to acheve that. Locking scrolling is not as straightforward as it seems.
A really good option is [
body-scroll-lock](https://github.com/willmcpo/body-scroll-lock)