diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2023-11-29 10:17:13 -0600 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-11-29 10:17:13 -0600 |
| commit | 4a5f2cde17975b6d75085f66698ddb0ea40bb382 (patch) | |
| tree | 2c6c8d5de4d56bc3e3b74a2f049090621ed5bce3 | |
| parent | f4401c8c1fa203431b4e7b2e89381a91b4ef1ac6 (diff) | |
| download | astro-4a5f2cde17975b6d75085f66698ddb0ea40bb382.tar.gz astro-4a5f2cde17975b6d75085f66698ddb0ea40bb382.tar.zst astro-4a5f2cde17975b6d75085f66698ddb0ea40bb382.zip | |
Fix dev overlay style leak (#9220)
Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com>
| -rw-r--r-- | packages/astro/src/runtime/client/dev-overlay/overlay.ts | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/astro/src/runtime/client/dev-overlay/overlay.ts b/packages/astro/src/runtime/client/dev-overlay/overlay.ts index 648bbd325..c99be9257 100644 --- a/packages/astro/src/runtime/client/dev-overlay/overlay.ts +++ b/packages/astro/src/runtime/client/dev-overlay/overlay.ts @@ -35,8 +35,10 @@ export class AstroDevOverlay extends HTMLElement { async connectedCallback() { if (!this.hasBeenInitialized) { this.shadowRoot.innerHTML = ` - <style> + <style> :host { + /* Important! Reset all inherited styles to initial */ + all: initial; z-index: 999999; view-transition-name: astro-dev-overlay; display: contents; @@ -44,7 +46,7 @@ export class AstroDevOverlay extends HTMLElement { ::view-transition-old(astro-dev-overlay), ::view-transition-new(astro-dev-overlay) { - animation: none; + animation: none; } #dev-overlay { @@ -73,7 +75,7 @@ export class AstroDevOverlay extends HTMLElement { visibility: hidden; } - #dev-bar { + #dev-bar { height: 56px; overflow: hidden; pointer-events: auto; @@ -253,7 +255,7 @@ export class AstroDevOverlay extends HTMLElement { white-space: nowrap; border-width: 0; } - </style> + </style> <div id="dev-overlay"> <div id="dev-bar"> |