MOD: mejorar visibilidad en Modal

src/components/Holos/Form/Selectable.vue

@@ -76,6 +76,7 @@ defineExpose({
             :preserve-search="true"
             :required="required && !value"
             :track-by="trackBy"
+            :append-to-body="true"
             @select="(x, y) => emit('select', x, y)"
         >
             <template #noOptions>

src/components/Holos/Modal.vue

@@ -74,9 +74,9 @@ onUnmounted(() => {
             leave-to-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         >
             <div v-show="show" class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 bg-primary/90 z-50 transition-all" scroll-region>
-                <div 
-                    v-show="show" 
-                    class="mb-6 bg-page text-page-t dark:bg-page-d dark:text-page-dt rounded-sm overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto" 
+                <div
+                    v-show="show"
+                    class="mb-6 bg-page text-page-t dark:bg-page-d dark:text-page-dt rounded-sm overflow-visible shadow-xl transform transition-all sm:w-full sm:mx-auto"
                     :class="maxWidthClass"
                 >
                     <slot v-if="show" />

src/components/Holos/Modal/Edit.vue

@@ -29,7 +29,7 @@ const props = defineProps({
         </template>
         <template #content>
             <div class="w-full right-0">
-                <div class="overflow-hidden shadow-lg">
+                <div class="overflow-visible shadow-lg">
                     <slot />
                 </div>
             </div>