diff --git a/packages/design-system/src/components/N8nCheckbox/Checkbox.vue b/packages/design-system/src/components/N8nCheckbox/Checkbox.vue index cb655ab8d..06105faf4 100644 --- a/packages/design-system/src/components/N8nCheckbox/Checkbox.vue +++ b/packages/design-system/src/components/N8nCheckbox/Checkbox.vue @@ -1,6 +1,7 @@ @@ -58,6 +60,14 @@ export default Vue.extend({ onChange(event: Event) { this.$emit('input', event); }, + onLabelClick() { + const checkboxComponent = this.$refs.checkbox as ElCheckbox; + if (!checkboxComponent) { + return; + } + + (checkboxComponent.$el as HTMLElement).click(); + }, }, }); @@ -70,5 +80,9 @@ export default Vue.extend({ span { white-space: normal; } + + label { + cursor: pointer; + } } diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue index 4ba6974d5..e600a80cb 100644 --- a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue +++ b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue @@ -1,5 +1,5 @@