There is No Need to Trap Focus on a Dialog Element | CSS-Tricks
Using the native <dialog> element (and inert) removes the need to manually trap keyboard focus; focus-trapping is outdated when native dialog behavior is used.
Prevent a page from scrolling while a dialog is open | CSS-Tricks
Chrome 144 enables overscroll-behavior on non-scrollable scroll containers, allowing pages to be prevented from scrolling while a modal <dialog> is open.