Merge pull request #128 from oddbird/drop-open-styles

drop :open styles

.stylelintrc.json

@@ -1,6 +1,10 @@
 {
   "extends": "stylelint-config-standard",
   "rules": {
-    "selector-type-no-unknown": null
+    "declaration-block-no-redundant-longhand-properties": null,
+    "selector-class-pattern": null,
+    "selector-pseudo-class-no-unknown": null,
+    "selector-type-no-unknown": null,
+    "value-no-vendor-prefix": null
   }
 }

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Popover Attribute Polyfill Changelog
 
+## UNRELEASED
+
+- 💥 BREAKING: Drop `:open` styles --
+  [#128](https://github.com/oddbird/popover-polyfill/pull/128)
+- 📝 DOCS: Fix link in README --
+  [#108](https://github.com/oddbird/popover-polyfill/pull/108)
+- 🏠 INTERNAL: Upgrade dependencies
+
 ## 0.2.2: 2023-06-06
 
 - 🚀 NEW: Add support for older browsers, e.g. Firefox 91, Chrome ~80 --

src/popover.css

@@ -15,7 +15,6 @@
   margin: auto;
 }
 
-/* stylelint-disable selector-class-pattern */
 [popover]:not(.\:popover-open) {
   display: none;
 }
@@ -28,32 +27,15 @@
   inset: auto;
 }
 
-/* This older `:open` pseudo selector is deprecated and support will be removed
-in a later release. */
-@supports selector([popover]:open) {
-  [popover]:not(.\:popover-open, dialog[open]) {
-    display: revert;
-  }
-
-  /* stylelint-disable selector-pseudo-class-no-unknown */
-  [anchor]:is(:open) {
-    inset: auto;
-  }
-  /* stylelint-enable selector-pseudo-class-no-unknown */
-}
-
 @supports selector([popover]:popover-open) {
   [popover]:not(.\:popover-open, dialog[open]) {
     display: revert;
   }
 
-  /* stylelint-disable selector-pseudo-class-no-unknown */
   [anchor]:is(:popover-open) {
     inset: auto;
   }
-  /* stylelint-enable selector-pseudo-class-no-unknown */
 }
-/* stylelint-enable selector-class-pattern */
 
 @supports not (background-color: canvas) {
   [popover] {
@@ -64,20 +46,16 @@ in a later release. */
 
 @supports (width: -moz-fit-content) {
   [popover] {
-    /* stylelint-disable value-no-vendor-prefix */
     width: -moz-fit-content;
     height: -moz-fit-content;
-    /* stylelint-enable value-no-vendor-prefix */
   }
 }
 
 @supports not (inset: 0) {
   [popover] {
-    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    /* stylelint-enable declaration-block-no-redundant-longhand-properties */
   }
 }