A popover backdrop anti-pattern [blog]

This article discusses a common anti-pattern in web development where developers misuse the HTML popover property for modal dialogs. The author shares their experience of using popover with a backdrop blur for modals, only to discover that popovers don't trap focus and allow clicks to pass through to underlying elements, causing unexpected behavior. They contrast this with the proper use of the dialog element, which supports focus trapping and is designed for modals. The article includes a practical demo showing how clicks on a solid backdrop can trigger actions beneath the modal, emphasizing the importance of choosing the right HTML element for the job.