fix focus ring in Safari; fixes #745

docs/docs/resources/changelog.md

@@ -23,6 +23,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - Fixed a bug in `<wa-select multiple>` that sometimes resulted in empty `<div>` elements being output
 - Fixed a bug in `<wa-radio-button>` that prevented the pill effect from applying properly
 - Fixed a bug in `<wa-radio-button>` that prevented active buttons from receiving the correct styles
+- Fixed a bug in `<wa-button>` that prevented the focus ring from showing in Safari
 
 ## 3.0.0-alpha.11
 

src/styles/native/button.css

@@ -81,10 +81,6 @@ input:is([type='button'], [type='reset'], [type='submit']),
    * States
    */
 
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
   &:focus {
     outline: none;
   }
@@ -103,6 +99,11 @@ input:is([type='button'], [type='reset'], [type='submit']),
       pointer-events: none;
     }
   }
+
+  /* Keep it last so Safari doesn't stop parsing this block */
+  &::-moz-focus-inner {
+    border: 0;
+  }
 }
 
 /**