Merge pull request #116 from yisibl/add-mdn-css-backdrop

feat: add ::backdrop using MDN data
browserslist · Aug 3, 2023 · 4255275 · 4255275
2 parents 0369b7a + c260f6c
commit 4255275
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/copy-mdn.js b/copy-mdn.js
@@ -79,6 +79,10 @@ function bcdDataToCanIUseData(bcdData, title) {
 
   let supportData = bcdData.support
 
+  // MDN adds the Oculus Browser, which is not currently available in caniuse.
+  // https://github.com/mdn/browser-compat-data/issues/12303
+  delete supportData?.oculus
+
   Object.keys(supportData).forEach(browser => {
     let browserDataRaw = supportData[browser]
     let caniuseBrowser = bcdBrowserToCanIUseBrowser(browser)
@@ -279,3 +283,15 @@ writeFileSync(
   features + 'mdn-text-decoration-shorthand.json',
   JSON.stringify(textDecorationShorthandData)
 )
+
+// https://caniuse.com/mdn-css_selectors_backdrop
+// https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop#browser_compatibility
+const cssBackdrop = bcdDataToCanIUseData(
+  bcd.css.selectors.backdrop.__compat,
+  'CSS ::backdrop pseudo-element'
+)
+
+writeFileSync(
+  features + 'mdn-css-backdrop-pseudo-element.json',
+  JSON.stringify(cssBackdrop)
+)