Interop 2024 mid-year update

Blog post image
Popover became part of Baseline Newly Available in April 2024. Popover is exciting because so many of the UI features you need to build—for example, menus, tooltips, overlays for making selections, and teaching UIs—are types of popover. Before popover, creating any of these features involved a lot of custom code. Code to make sure multiple elements were not open at once, or to enable light-dismiss when the user clicked outside of the element. You might also have struggled with z-index, to make sure a UI element stayed on top of the rest of the interface. All of these features and more are included in the Popover API, saving development time, and helping to create more performant and accessible interfaces. For example, the following code creates a popover with light-dismiss, that will auto-close other popovers when opened.

I am a popover with more information. Hit esc or click away to close me.

Author
Pulkit Gupta Author

Comments (0)

You must be logged in to comment.