How to disable scrolling the page behind a dialog element
Here’s how you can disable scrolling of the page behind a dialog element using :has() selector. Courtesy of this tweet by Adam Argyle.
html:has(dialog[open]) {
overflow: hidden;
}
Was that useful? Consider leaving a
Tip
👋 Hi there! This is Amit, again. I write articles about all things web development. If you enjoy my work (the articles, the open-source projects, my general demeanour... anything really), consider leaving a tip & supporting the site. Your support is incredibly appreciated!
