Apply position: relative only to buttons that contain badges (#1346)

* make relative positioning conditional

* add changelog

packages/webawesome/docs/docs/resources/changelog.md

@@ -28,6 +28,7 @@ Components with the <wa-badge variant="warning">Experimental</wa-badge> badge sh
 - Fixed a bug in JSX typings that generated the incorrect component imports [issue:1303]
 - Fixed a bug in `<wa-slider>` that prevented the thumb from receiving focus when clicking/tapping [issue:1312]
 - Fixed a bug in `<wa-scroller>` that caused the shadow to appear below relatively-positioned elements [issue:1326]
+- Fixed `<wa-button>` to have `static` positioning by default and `relative` positioning only when used with `<wa-badge>` [pr:1346]
 
 ## 3.0.0-beta.4
 

packages/webawesome/src/components/button/button.css

@@ -1,6 +1,9 @@
 @layer wa-component {
   :host {
     display: inline-block;
+  }
+
+  :host(:has(wa-badge)) {
     position: relative;
   }
 }