DEV Community

Cover image for Future of CSS: Popover API

Future of CSS: Popover API

Andrew Bone on May 23, 2023

In this post we're going to be looking at not one but two new exciting things coming to CSS, the first is the Popover API. While I think it's great...
Collapse
 
landoc profile image
lando calrissian

Had no idea this was a thing

Collapse
 
link2twenty profile image
Andrew Bone

There's so much new CSS right now, it's hard to keep track of everything 😅

Collapse
 
link2twenty profile image
Andrew Bone

If there's anything you're unsure about or if you have any ideas of things I can do better please do leave a comment and let me know 🙂

Collapse
 
adaptive-shield-matrix profile image
Adaptive Shield Matrix • Edited

trying it out myself

  • using official google chrome: Version 113.0.5672.126 (Official Build) (64-bit)
  • both demo do not work for me

global support of 0.01%

Collapse
 
link2twenty profile image
Andrew Bone

Yes, I say in the article that they're only available in unstable browsers. This series is about things in CSS that are coming but are not here yet.

That being said the Popover API should be stable everywhere in around a year but the Anchor Positioning stuff is extremely experimental so I don't have any estimate for when it'll be stable.

Collapse
 
link2twenty profile image
Andrew Bone

As of today the demos now work in the latest version of chrome, still a little while to go before it's everywhere though.

Collapse
 
iamhectorsosa profile image
Hector Sosa

Kudos on this post! Very detailed! If you like creating visual content I do believe that framing your screenshots helps you bring your images to the next level.

We've built a completely free and OSS tool to build engaging screenshots faster. Check it out and let us know what you think! usescreenshot.app/github I'd appreciate if you give it a Star in Github if you find it helpful.