diff options
author | 2024-12-03 20:08:30 +0800 | |
---|---|---|
committer | 2024-12-03 13:08:30 +0100 | |
commit | 92c269b0f0177cb54540ce03507de81370d67c50 (patch) | |
tree | c1ad54f4c0094814b0a93ee52565ec444d1f81f5 | |
parent | 4f2fd0a0d67a748af8b611b9afc7d4c789f7c8cc (diff) | |
download | astro-92c269b0f0177cb54540ce03507de81370d67c50.tar.gz astro-92c269b0f0177cb54540ce03507de81370d67c50.tar.zst astro-92c269b0f0177cb54540ce03507de81370d67c50.zip |
fix: devtools warnings about dev toolbar form fields (#12590)
Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com>
-rw-r--r-- | .changeset/lazy-bottles-trade.md | 5 | ||||
-rw-r--r-- | packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts | 1 | ||||
-rw-r--r-- | packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts | 1 |
3 files changed, 7 insertions, 0 deletions
diff --git a/.changeset/lazy-bottles-trade.md b/.changeset/lazy-bottles-trade.md new file mode 100644 index 000000000..009e136dd --- /dev/null +++ b/.changeset/lazy-bottles-trade.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +fix: devtools warnings about dev toolbar form fields diff --git a/packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts b/packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts index ee56f3cb0..341bfdd07 100644 --- a/packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts +++ b/packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts @@ -84,6 +84,7 @@ export class DevToolbarSelect extends HTMLElement { } connectedCallback() { + this.element.name = 'dev-toolbar-select'; this.shadowRoot.append(this.element); this.updateStyle(); } diff --git a/packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts b/packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts index 3f5e8f225..9a0b775b8 100644 --- a/packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts +++ b/packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts @@ -122,6 +122,7 @@ export class DevToolbarToggle extends HTMLElement { connectedCallback() { this.input.type = 'checkbox'; + this.input.name = 'dev-toolbar-toggle'; this.shadowRoot.append(this.input); this.updateStyle(); } |