freeCodeCamp / devdocs

API Documentation Browser

https://devdocs.io

Mozilla Public License 2.0

34.34k stars 2.29k forks source link

CSS :has documentation shows wrong Firefox browser compatibility #1874

Open Nightfirecat opened 1 year ago

Nightfirecat commented 1 year ago

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 commented 1 year ago

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.

nc7s commented 1 year ago

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

Nightfirecat commented 2 months ago

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