From 931bca0973d9fb952ee5165e68d51f792b065097 Mon Sep 17 00:00:00 2001
From: "M.Cozzolino" <michaelcozzolino@outlook.it>
Date: Mon, 9 Mar 2026 20:07:30 +0100
Subject: [PATCH 1/5] feat(FoMultipleSelect): First implementation

---
 .../core/src/UI/Forms/Select/Types/Select.ts  | 15 +++++++-
 .../UI/Forms/Select/UI/FoMultipleSelect.vue   | 37 +++++++++++++++++++
 .../core/src/UI/Forms/Select/UI/FoSelect.vue  |  8 ++--
 packages/core/src/UI/Forms/Select/UI/index.ts |  1 +
 4 files changed, 56 insertions(+), 5 deletions(-)
 create mode 100644 packages/core/src/UI/Forms/Select/UI/FoMultipleSelect.vue

diff --git a/packages/core/src/UI/Forms/Select/Types/Select.ts b/packages/core/src/UI/Forms/Select/Types/Select.ts
index 6339cd38..c24c2029 100644
--- a/packages/core/src/UI/Forms/Select/Types/Select.ts
+++ b/packages/core/src/UI/Forms/Select/Types/Select.ts
@@ -29,7 +29,7 @@ export interface BaseSelectProps<
     Validity,
     WithConfigurableHelperText {
     /**
-     * The component's options.
+     * The selects' options.
      * An array where each option is an object that contains at least "id" and "text".
      * In case of optgroup the array must contain an object with "options" and an optional "label"
      */
@@ -53,3 +53,16 @@ export type DatalistProps<
 > = BaseSelectProps<T, K, K>
     & WithPlaceholder
     & WithLabel;
+
+export interface MultipleSelectProps<
+    T extends string | number,
+> extends MaybeStringId, Disableable, WithLabel {
+    /**
+     * The multiple selects' options.
+     * An array where each option is an object that contains at least "id" and "text".
+     */
+    options: SelectOption<T>[];
+
+    /** The number of options that are visible in the select without scrolling. */
+    visibleOptions?: number;
+}
diff --git a/packages/core/src/UI/Forms/Select/UI/FoMultipleSelect.vue b/packages/core/src/UI/Forms/Select/UI/FoMultipleSelect.vue
new file mode 100644
index 00000000..9c1f51aa
--- /dev/null
+++ b/packages/core/src/UI/Forms/Select/UI/FoMultipleSelect.vue
@@ -0,0 +1,37 @@
+<template>
+    <div>
+        <FoLabel v-if="label !== undefined"
+                 :for="id"
+        >
+            {{ label }}
+        </FoLabel>
+
+        <select :id="id"
+                v-model="selectedOptions"
+                class="select h-auto"
+                :size="visibleOptions"
+                :disabled="isDisabled"
+                multiple
+        >
+            <FoSelectOption v-for="option in options"
+                            :key="option.id"
+                            :option="option"
+            />
+        </select>
+    </div>
+</template>
+
+<script setup lang="ts" generic="T extends string | number">
+import type { MultipleSelectProps, SelectOption } from '@/UI/Forms';
+import { useElementId }                           from '@/Lib/UseIdentifiable/Internal';
+import { FoLabel }                                from '@/UI/Components/Label/Internal';
+import { FoSelectOption }                         from '@/UI/Forms/Select/Internal';
+
+const props = withDefaults(defineProps<MultipleSelectProps<T>>(), {
+    visibleOptions: 4,
+});
+
+const selectedOptions = defineModel<SelectOption<T>[]>({ required: true });
+
+const id = useElementId(() => props.id);
+</script>
diff --git a/packages/core/src/UI/Forms/Select/UI/FoSelect.vue b/packages/core/src/UI/Forms/Select/UI/FoSelect.vue
index 6c312092..224b7647 100644
--- a/packages/core/src/UI/Forms/Select/UI/FoSelect.vue
+++ b/packages/core/src/UI/Forms/Select/UI/FoSelect.vue
@@ -1,5 +1,4 @@
 <template>
-    <!--    todo: multiple options  -->
     <div v-if="options.length"
          :class="[
              icon && useIcon && 'select',
@@ -83,9 +82,10 @@ import type { LabelType }     from '@/UI/Components';
 import type { SelectOption, SelectProps } from '@/UI/Forms';
 import { useFlyonUIVueAppConfig }         from '@/Lib';
 import { useFloatingLabel }               from '@/Lib/UseFloatingLabel/Internal';
+import { useElementId }                   from '@/Lib/UseIdentifiable/Internal';
 import { useShape }                       from '@/Lib/UseShape/Internal';
-import { useSize }                        from '@/Lib/UseSize/Internal';
 
+import { useSize }                                 from '@/Lib/UseSize/Internal';
 import { useValidity }                             from '@/Lib/UseValidity/Internal';
 import { FoHelperText, usePositionableHelperText } from '@/UI/Components/HelperText/Internal';
 import { FoLabel, useLabel }                       from '@/UI/Components/Label/Internal';
@@ -93,14 +93,14 @@ import { FoIcon }                                  from '@/UI/Customization';
 import { isSelectOptionGroup }                     from '@/UI/Forms/Select/Internal';
 import { onEmptyOptions }                          from '@/UI/Forms/Select/Internal/Lib/OnEmptyOptions';
 import FoSelectOption                              from '@/UI/Forms/Select/Internal/UI/FoSelectOption.vue';
-import { computed, useId, watchEffect }            from 'vue';
+import { computed, watchEffect }                   from 'vue';
 
 const props = withDefaults(defineProps<SelectProps<T, K>>(), {
     isDisabled: undefined,
     isValid:    undefined,
 });
 
-const id = useId();
+const id = useElementId(() => props.id);
 
 const selectedOption = defineModel<SelectOption<T> | null>({ required: true });
 
diff --git a/packages/core/src/UI/Forms/Select/UI/index.ts b/packages/core/src/UI/Forms/Select/UI/index.ts
index 6f008a12..a394d288 100644
--- a/packages/core/src/UI/Forms/Select/UI/index.ts
+++ b/packages/core/src/UI/Forms/Select/UI/index.ts
@@ -1,2 +1,3 @@
 export { default as FoDatalist } from '@/UI/Forms/Select/UI/FoDatalist.vue';
+export { default as FoMultipleSelect } from '@/UI/Forms/Select/UI/FoMultipleSelect.vue';
 export { default as FoSelect } from '@/UI/Forms/Select/UI/FoSelect.vue';

From 3b18b2c088d0b8e0f91d2f22002a1e0f52430619 Mon Sep 17 00:00:00 2001
From: "M.Cozzolino" <michaelcozzolino@outlook.it>
Date: Mon, 9 Mar 2026 20:09:04 +0100
Subject: [PATCH 2/5] feat(SelectDocs): Document FoMultipleSelect

---
 packages/docs/Forms/Select.md                 |  4 ++++
 packages/docs/Forms/Select/MultipleSelect.vue | 24 +++++++++++++++++++
 packages/docs/Forms/Select/SelectDocs.vue     | 10 ++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 packages/docs/Forms/Select/MultipleSelect.vue

diff --git a/packages/docs/Forms/Select.md b/packages/docs/Forms/Select.md
index 70dff3b5..368c66dc 100644
--- a/packages/docs/Forms/Select.md
+++ b/packages/docs/Forms/Select.md
@@ -50,6 +50,10 @@ When the input field is empty the selected option will automatically be null.
 
 <SelectDocs section="datalist" />
 
+### Multiple (Unreleased)
+
+<SelectDocs section="multiple" />
+
 ### Optgroup
 
 <SelectDocs section="optgroup" />
diff --git a/packages/docs/Forms/Select/MultipleSelect.vue b/packages/docs/Forms/Select/MultipleSelect.vue
new file mode 100644
index 00000000..a0b42dad
--- /dev/null
+++ b/packages/docs/Forms/Select/MultipleSelect.vue
@@ -0,0 +1,24 @@
+<template>
+    <FoMultipleSelect v-model="selectedOptions"
+                      class="max-w-sm"
+                      label="Pick your favorite Movies:"
+                      :options="options"
+                      :visible-options="3"
+    />
+</template>
+
+<script setup lang="ts">
+import type { SelectOption } from 'flyonui-vue';
+import { FoMultipleSelect }  from 'flyonui-vue';
+import { ref }               from 'vue';
+
+const options = ref<SelectOption[]>([
+    { id: 1, text: 'The Godfather' },
+    { id: 2, text: 'The Shawshank Redemption' },
+    { id: 3, text: 'Pulp Fiction' },
+    { id: 4, text: 'The Dark Knight' },
+    { id: 5, text: `Schindler's List` },
+]);
+
+const selectedOptions = ref<SelectOption[]>([]);
+</script>
diff --git a/packages/docs/Forms/Select/SelectDocs.vue b/packages/docs/Forms/Select/SelectDocs.vue
index b44af057..ef697a92 100644
--- a/packages/docs/Forms/Select/SelectDocs.vue
+++ b/packages/docs/Forms/Select/SelectDocs.vue
@@ -16,6 +16,8 @@ import DefaultSelectSize               from '@/Forms/Select/DefaultSelectSize.vu
 import DefaultSelectSizeRaw            from '@/Forms/Select/DefaultSelectSize.vue?raw';
 import DisabledSelect                  from '@/Forms/Select/DisabledSelect.vue';
 import DisabledSelectRaw               from '@/Forms/Select/DisabledSelect.vue?raw';
+import MultipleSelect                  from '@/Forms/Select/MultipleSelect.vue';
+import MultipleSelectRaw               from '@/Forms/Select/MultipleSelect.vue?raw';
 import SelectAsDatalist                from '@/Forms/Select/SelectAsDatalist.vue';
 import SelectAsDatalistRaw             from '@/Forms/Select/SelectAsDatalist.vue?raw';
 import SelectFloatingLabel             from '@/Forms/Select/SelectFloatingLabel.vue';
@@ -49,6 +51,7 @@ type Section = Default
     | 'hidden-label'
     | 'disabled'
     | 'datalist'
+    | 'multiple'
     | 'optgroup'
     | 'ref-usage'
     | ApiType;
@@ -146,6 +149,13 @@ const previews = computed(() => {
                 component: SelectAsDatalist,
             },
         ],
+        [
+            'multiple',
+            {
+                code:      MultipleSelectRaw,
+                component: MultipleSelect,
+            },
+        ],
         [
             'optgroup',
             {

From e88babd4079a346934588282eb1d9d0ce7e0e9df Mon Sep 17 00:00:00 2001
From: "M.Cozzolino" <michaelcozzolino@outlook.it>
Date: Mon, 9 Mar 2026 20:13:44 +0100
Subject: [PATCH 3/5] feat(FoMultipleSelect): Add snapshots

---
 .../Types/ComponentName.ts                      |   1 +
 packages/docs/Forms/Select/SelectDocs.vue       |   2 +-
 .../forms-select-multiple-chromium-linux.png    | Bin 0 -> 10998 bytes
 3 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 packages/docs/tests/EndToEnd/Docs.browser.spec.ts-snapshots/forms-select-multiple-chromium-linux.png

diff --git a/packages/core/src/Lib/UseFlyonUIVueAppConfig/Types/ComponentName.ts b/packages/core/src/Lib/UseFlyonUIVueAppConfig/Types/ComponentName.ts
index 42fc5d6b..cdbe1a56 100644
--- a/packages/core/src/Lib/UseFlyonUIVueAppConfig/Types/ComponentName.ts
+++ b/packages/core/src/Lib/UseFlyonUIVueAppConfig/Types/ComponentName.ts
@@ -15,6 +15,7 @@ type NonConfigurableComponentName = 'FoAvatarGroup'
     | 'FoLoadingButton'
     | 'FoMenuItem'
     | 'FoModalTitle'
+    | 'FoMultipleSelect'
     | 'FoPagination'
     | 'FoPopover'
     | 'FoSkeleton'
diff --git a/packages/docs/Forms/Select/SelectDocs.vue b/packages/docs/Forms/Select/SelectDocs.vue
index ef697a92..99a33e0b 100644
--- a/packages/docs/Forms/Select/SelectDocs.vue
+++ b/packages/docs/Forms/Select/SelectDocs.vue
@@ -1,7 +1,7 @@
 <template>
     <ComponentDocs :previews="previews"
                    :section="section"
-                   :api-docs-component-names="['FoSelect', 'FoDatalist']"
+                   :api-docs-component-names="['FoSelect', 'FoMultipleSelect', 'FoDatalist']"
     />
 </template>
 
diff --git a/packages/docs/tests/EndToEnd/Docs.browser.spec.ts-snapshots/forms-select-multiple-chromium-linux.png b/packages/docs/tests/EndToEnd/Docs.browser.spec.ts-snapshots/forms-select-multiple-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e4bca9b23cdb0a6a59a82e3f9c5a1ee52ce72bc
GIT binary patch
literal 10998
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

literal 0
HcmV?d00001


From 18bc80a6d0c1d5b232a3cf5469da451feef59f3b Mon Sep 17 00:00:00 2001
From: Michael Cozzolino <michaelcozzolino@outlook.it>
Date: Mon, 9 Mar 2026 20:21:02 +0100
Subject: [PATCH 4/5] Update packages/core/src/UI/Forms/Select/Types/Select.ts

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 packages/core/src/UI/Forms/Select/Types/Select.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/UI/Forms/Select/Types/Select.ts b/packages/core/src/UI/Forms/Select/Types/Select.ts
index c24c2029..470c8744 100644
--- a/packages/core/src/UI/Forms/Select/Types/Select.ts
+++ b/packages/core/src/UI/Forms/Select/Types/Select.ts
@@ -29,7 +29,7 @@ export interface BaseSelectProps<
     Validity,
     WithConfigurableHelperText {
     /**
-     * The selects' options.
+     * The select's options.
      * An array where each option is an object that contains at least "id" and "text".
      * In case of optgroup the array must contain an object with "options" and an optional "label"
      */

From 85d067e8fcdc197d2449b0ffd01809711c363562 Mon Sep 17 00:00:00 2001
From: Michael Cozzolino <michaelcozzolino@outlook.it>
Date: Mon, 9 Mar 2026 20:21:34 +0100
Subject: [PATCH 5/5] Apply suggestion from @michaelcozzolino

---
 packages/core/src/UI/Forms/Select/Types/Select.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/UI/Forms/Select/Types/Select.ts b/packages/core/src/UI/Forms/Select/Types/Select.ts
index 470c8744..5d8f78c2 100644
--- a/packages/core/src/UI/Forms/Select/Types/Select.ts
+++ b/packages/core/src/UI/Forms/Select/Types/Select.ts
@@ -58,7 +58,7 @@ export interface MultipleSelectProps<
     T extends string | number,
 > extends MaybeStringId, Disableable, WithLabel {
     /**
-     * The multiple selects' options.
+     * The multiple select's options.
      * An array where each option is an object that contains at least "id" and "text".
      */
     options: SelectOption<T>[];