summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Kid <44045911+kidonng@users.noreply.github.com> 2024-12-03 20:08:30 +0800
committerGravatar GitHub <noreply@github.com> 2024-12-03 13:08:30 +0100
commit92c269b0f0177cb54540ce03507de81370d67c50 (patch)
treec1ad54f4c0094814b0a93ee52565ec444d1f81f5
parent4f2fd0a0d67a748af8b611b9afc7d4c789f7c8cc (diff)
downloadastro-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.md5
-rw-r--r--packages/astro/src/runtime/client/dev-toolbar/ui-library/select.ts1
-rw-r--r--packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts1
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();
}