devdocs icon indicating copy to clipboard operation
devdocs copied to clipboard

Published 20 hours ago • verified publisher icon freeCodeCamp

CSS :has documentation shows wrong Firefox browser compatibility

Open Nightfirecat opened this issue 2 years ago • 3 comments

Documentation style bug

Summary

https://devdocs.io/css/:has#browser_compatibility shows the wrong browser compatibility for Firefox. It shows that the pseudo-selector works in Firefox, but it actually has only partial functionality (due to currently incomplete/buggy implementation) and is gated behind a feature flag. (see MDN screenshot below for reference) Screenshot 2022-11-24 at 00-23-31 has() - CSS Cascading Style Sheets MDN

Actual style

Screenshot 2022-11-24 at 00-26-47 DevDocs

Expected style

(cell style changed from .bc-supports-yes to .bc-supports-partial) Screenshot 2022-11-24 at 00-28-44 DevDocs

Nightfirecat avatar Nov 24 '22 00:11 Nightfirecat

While I think partial support is more accurate for this entry, MDN's entry is technically .bc-supports-no, so that would be the more accurate change I suppose.

Nightfirecat avatar Nov 24 '22 00:11 Nightfirecat

The icon is .bc-supports-no, but there's also a flag; I suppose it's more accurate to reflect that.

nc7s avatar May 06 '23 15:05 nc7s

This bug is now somewhat outdated as Firefox now supports :has() officially as of version 121.

Nightfirecat avatar May 07 '24 22:05 Nightfirecat