Form components emit the id attribute

gfoidl · gfoidl · commit f5f42255ded6 · 2022-05-05T20:45:36.000+02:00
diff --git a/packages/coreui-vue/src/components/form/CFormInput.ts b/packages/coreui-vue/src/components/form/CFormInput.ts
@@ -171,6 +171,7 @@ const CFormInput = defineComponent({
             h(
               'input',
               {
+                id: props.id,
                 ...attrs,
                 class: [
                   props.plainText ? 'form-control-plaintext' : 'form-control',
diff --git a/packages/coreui-vue/src/components/form/CFormSelect.ts b/packages/coreui-vue/src/components/form/CFormSelect.ts
@@ -165,6 +165,7 @@ const CFormSelect = defineComponent({
             h(
               'select',
               {
+                id: props.id,
                 ...attrs,
                 class: [
                   'form-select',
diff --git a/packages/coreui-vue/src/components/form/CFormSwitch.ts b/packages/coreui-vue/src/components/form/CFormSwitch.ts
@@ -90,6 +90,7 @@ const CFormSwitch = defineComponent({
         },
         [
           h('input', {
+            id: props.id,
             ...attrs,
             ...(props.modelValue && { checked: props.modelValue }),
             class: [
diff --git a/packages/coreui-vue/src/components/form/CFormTextarea.ts b/packages/coreui-vue/src/components/form/CFormTextarea.ts
@@ -140,6 +140,7 @@ const CFormTextarea = defineComponent({
             h(
               'textarea',
               {
+                id: props.id,
                 ...attrs,
                 disabled: props.disabled,
                 readonly: props.readonly,

Original file line number	Diff line number	Diff line change
`@@ -171,6 +171,7 @@ const CFormInput = defineComponent({`
`171`	`171`	`h(`
`172`	`172`	`'input',`
`173`	`173`	`{`
	`174`	`+ id: props.id,`
`174`	`175`	`...attrs,`
`175`	`176`	`class: [`
`176`	`177`	`props.plainText ? 'form-control-plaintext' : 'form-control',`
Original file line number	Diff line number	Diff line change
`@@ -165,6 +165,7 @@ const CFormSelect = defineComponent({`
`165`	`165`	`h(`
`166`	`166`	`'select',`
`167`	`167`	`{`
	`168`	`+ id: props.id,`
`168`	`169`	`...attrs,`
`169`	`170`	`class: [`
`170`	`171`	`'form-select',`
Original file line number	Diff line number	Diff line change
`@@ -90,6 +90,7 @@ const CFormSwitch = defineComponent({`
`90`	`90`	`},`
`91`	`91`	`[`
`92`	`92`	`h('input', {`
	`93`	`+ id: props.id,`
`93`	`94`	`...attrs,`
`94`	`95`	`...(props.modelValue && { checked: props.modelValue }),`
`95`	`96`	`class: [`
Original file line number	Diff line number	Diff line change
`@@ -140,6 +140,7 @@ const CFormTextarea = defineComponent({`
`140`	`140`	`h(`
`141`	`141`	`'textarea',`
`142`	`142`	`{`
	`143`	`+ id: props.id,`
`143`	`144`	`...attrs,`
`144`	`145`	`disabled: props.disabled,`
`145`	`146`	`readonly: props.readonly,`