Prevent mouse events from bubbling up in buttons

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Next
 
 - Added `input`, `label`, `prefix`, `clear-button`, `suffix`, `help-text` exported parts to `sl-select` to make the input customizable
+- Fixed bug where mouse events would bubble up when `sl-button` was disabled, causing tooltips to erroneously appear
 
 ## 2.0.0-beta.18
 

src/components/button/button.scss

@@ -34,6 +34,11 @@
   &[disabled] {
     opacity: 0.5;
     cursor: not-allowed;
+
+    // When disabled, prevent mouse events from bubbling up
+    * {
+      pointer-events: none;
+    }
   }
 
   // Clicks on icons shouldn't prevent the button from gaining focus