CSS :has Pseudo-class for Modal Scroll Locking

This article shows how to lock page scrolling when a modal is open by using the new CSS :has pseudo‑class—replacing JavaScript‑driven overflow toggles that fail with nested dialogs—and demonstrates a simple body:has(dialog[open]) selector that works across all modern browsers.

:has() selectorCSSJavaScript

0 likes · 4 min read

CSS :has Pseudo-class for Modal Scroll Locking

FangDuoduo UEDC

Jan 3, 2020 · Frontend Development

How Smart UI Details Like Network Settings and Adaptive Modals Elevate App Experience

This article explores how subtle UI design choices—such as streamlined handling of disabled cellular network permissions and context‑aware modal dialogs—can break the homogeneity of mobile apps and significantly improve overall user experience.

Network SettingsUI designUser experience

0 likes · 3 min read

How Smart UI Details Like Network Settings and Adaptive Modals Elevate App Experience