From 9d35be837996b8e7f5d14a2ebe9836edbdbfe236 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 30 Jan 2024 11:23:45 +0100
Subject: [PATCH 1/3] Add an id to the structure field

---
 panel/src/components/Forms/Field/StructureField.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/panel/src/components/Forms/Field/StructureField.vue b/panel/src/components/Forms/Field/StructureField.vue
index 39191d8cab..71e8672fce 100644
--- a/panel/src/components/Forms/Field/StructureField.vue
+++ b/panel/src/components/Forms/Field/StructureField.vue
@@ -88,9 +88,10 @@
 
 <script>
 import { props as Field } from "@/components/Forms/Field.vue";
+import { id } from "@/mixins/props.js";
 
 export default {
-	mixins: [Field],
+	mixins: [Field, id],
 	inheritAttrs: false,
 	props: {
 		autofocus: Boolean,

From 1e3270c1c607378a5b6f43f82bd4fc76eaa61600 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 30 Jan 2024 12:02:29 +0100
Subject: [PATCH 2/3] Add the id prop to all fields

---
 panel/src/components/Forms/Field.vue                | 4 ++--
 panel/src/components/Forms/Field/StructureField.vue | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/panel/src/components/Forms/Field.vue b/panel/src/components/Forms/Field.vue
index cf5786f6c4..3fc4c4c5e9 100644
--- a/panel/src/components/Forms/Field.vue
+++ b/panel/src/components/Forms/Field.vue
@@ -41,10 +41,10 @@
 </template>
 
 <script>
-import { disabled, help, label, name, required } from "@/mixins/props.js";
+import { disabled, help, id, label, name, required } from "@/mixins/props.js";
 
 export const props = {
-	mixins: [disabled, help, label, name, required],
+	mixins: [disabled, help, id, label, name, required],
 	props: {
 		counter: [Boolean, Object],
 		endpoints: Object,
diff --git a/panel/src/components/Forms/Field/StructureField.vue b/panel/src/components/Forms/Field/StructureField.vue
index 71e8672fce..39191d8cab 100644
--- a/panel/src/components/Forms/Field/StructureField.vue
+++ b/panel/src/components/Forms/Field/StructureField.vue
@@ -88,10 +88,9 @@
 
 <script>
 import { props as Field } from "@/components/Forms/Field.vue";
-import { id } from "@/mixins/props.js";
 
 export default {
-	mixins: [Field, id],
+	mixins: [Field],
 	inheritAttrs: false,
 	props: {
 		autofocus: Boolean,

From 752a90999700f747f4ec2da0b5655215e6f60d24 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 30 Jan 2024 12:11:02 +0100
Subject: [PATCH 3/3] Add id to blocks and layouts components

---
 panel/src/components/Forms/Blocks/Blocks.vue   | 4 ++--
 panel/src/components/Forms/Layouts/Layouts.vue | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/panel/src/components/Forms/Blocks/Blocks.vue b/panel/src/components/Forms/Blocks/Blocks.vue
index 75266d6399..9c96473620 100644
--- a/panel/src/components/Forms/Blocks/Blocks.vue
+++ b/panel/src/components/Forms/Blocks/Blocks.vue
@@ -76,10 +76,10 @@
 
 <script>
 import { set } from "vue";
-import { autofocus, disabled } from "@/mixins/props.js";
+import { autofocus, disabled, id } from "@/mixins/props.js";
 
 export const props = {
-	mixins: [autofocus, disabled],
+	mixins: [autofocus, disabled, id],
 	props: {
 		empty: String,
 		endpoints: Object,
diff --git a/panel/src/components/Forms/Layouts/Layouts.vue b/panel/src/components/Forms/Layouts/Layouts.vue
index ef30119614..b514edc067 100644
--- a/panel/src/components/Forms/Layouts/Layouts.vue
+++ b/panel/src/components/Forms/Layouts/Layouts.vue
@@ -45,9 +45,10 @@
 
 <script>
 import { props as LayoutProps } from "./Layout.vue";
+import { id } from "@/mixins/props.js";
 
 export const props = {
-	mixins: [LayoutProps],
+	mixins: [LayoutProps, id],
 	props: {
 		empty: String,
 		max: Number,