diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelectV2.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelectV2.svelte index b91c4c24f1..2b2f5b2487 100644 --- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelectV2.svelte +++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelectV2.svelte @@ -169,23 +169,6 @@ } let w = 0 let open: boolean = false - - const multiSelectProps = { - outerDivClass: resolvedConfig.allowOverflow ? '' : 'h-full', - ulSelectedClass: resolvedConfig.allowOverflow ? '' : 'overflow-auto max-h-full', - '--sms-border': 'none', - '--sms-min-height': '32px', - '--sms-focus-border': 'none', - placeholder: resolvedConfig.placeholder, - allowUserOptions: resolvedConfig.create, - onOpen: () => { - $selectedComponent = [id] - open = true - }, - onClose: () => { - open = false - } - } {#each Object.keys(components['multiselectcomponent'].initialData.configuration) as key (key)} @@ -223,69 +206,47 @@ bind:clientWidth={w} > {#if !value || Array.isArray(value)} - {#if isObjectOptionArray(value) && isObjectOptionArray(items)} - { - if (event?.detail?.type === 'removeAll') { - outputs?.result.set([]) - } else { - outputs?.result.set([...(value ?? [])]) - } + { + if (event?.detail?.type === 'removeAll') { + outputs?.result.set([]) + } else { + outputs?.result.set([...(value ?? [])]) + } + }} + on:open={() => { + $selectedComponent = [id] + open = true + }} + on:close={() => { + open = false + }} + let:option + > + + +
{ + let newe = new MouseEvent('mouseup') + e.target?.['parentElement']?.dispatchEvent(newe) }} - {...multiSelectProps} - bind:outerDiv - on:open={multiSelectProps.onOpen} - on:close={multiSelectProps.onClose} - let:option - id="objectoption-multiselect" > - - -
{ - let newe = new MouseEvent('mouseup') - e.target?.['parentElement']?.dispatchEvent(newe) - }} - > - {option.label} -
- - {:else if isStringArray(value) && isStringArray(items)} - { - if (event?.detail?.type === 'removeAll') { - outputs?.result.set([]) - } else { - outputs?.result.set([...(value ?? [])]) - } - }} - {...multiSelectProps} - bind:outerDiv - on:open={multiSelectProps.onOpen} - on:close={multiSelectProps.onClose} - let:option - id="simplestring-multiselect" - > - - -
{ - let newe = new MouseEvent('mouseup') - e.target?.['parentElement']?.dispatchEvent(newe) - }} - > - {option} -
-
- {/if} + {isObjectOptionArray(value) && isObjectOptionArray(items) ? option.label : option} +
+
+