js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix button positioning for real (#1361)

Browse Source
This commit is contained in:
Lindsay M
2025-08-21 18:00:09 -04:00
committed by GitHub
parent adaea2fa5f
commit 4f1de3918b
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/webawesome/src/components/button/button.css
View File

@@ -1,8 +1,17 @@
@layer wa-component { @layer wa-component {
:host { :host {
display: inline-block; display: inline-block;
/* Workaround because Chrome doesn't like :host(:has()) below
* https://issues.chromium.org/issues/40062355
* Firefox doesn't like this nested rule, so both are needed */
&:has(wa-badge) {
position: relative;
}
} }
/* Apply relative positioning only when needed to position wa-badge
* This avoids creating a new stacking context for every button */
:host(:has(wa-badge)) { :host(:has(wa-badge)) {
position: relative; position: relative;
} }