Unlocking the Power of HTML's Native Browser Dialog Element

All the major browsers now support the <dialog /> element. Why add this HTML element? User land code, code that developers write to fill in gaps of the browser, was doing similar things repeatedly, especially around focus trapping, and browser engines responded by adding this functionality directly in the browser.

Focus Trapping

What is focus trapping? It's a feature where you do not want focus outside a specific element, and that element typically contains focusable elements.

For example, a form …

beginners browser browsers code css developers element focus html javascript major power responded support the browser