From 4767676976dc371386b7894457506654a969305a Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 8 Sep 2026 19:05:19 +0000
Subject: [PATCH] Fix scope MultiSelect toggling 'Todas las obras' checkbox

FormField wrapped slot content in a <label>, so clicks on the project
MultiSelect bubbled to the first control inside (scope_all_projects).
Use a div wrapper for multi-control field groups.

Co-authored-by: alberto.martinez <alberto.martinez@mrdev.mx>
---
 web-panel/components/padron/FormField.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web-panel/components/padron/FormField.vue b/web-panel/components/padron/FormField.vue
index 891c9db..e8d4df4 100644
--- a/web-panel/components/padron/FormField.vue
+++ b/web-panel/components/padron/FormField.vue
@@ -1,9 +1,10 @@
 <template>
-  <label class="form-field">
+  <!-- div, not label: a wrapping <label> breaks multi-control fields (e.g. checkbox + MultiSelect). -->
+  <div class="form-field">
     <span class="form-field-label">{{ label }}<span v-if="required" class="required-mark"> *</span></span>
     <slot />
     <small v-if="error" class="p-error">{{ error }}</small>
-  </label>
+  </div>
 </template>
 
 <script setup lang="ts">