fix autocomplete z-indez on flow editor

This commit is contained in:
Ruben Fiszel
2024-11-11 10:34:12 +01:00
parent d44976f35e
commit d9d63a4e31
3 changed files with 19 additions and 4 deletions

View File

@@ -418,6 +418,9 @@
bind:selected={value}
options={itemsType?.multiselect ?? []}
selectedOptionsDraggable={true}
on:open={() => {
dispatch('focus')
}}
/>
</div>
{:else if itemsType?.enum != undefined && Array.isArray(itemsType?.enum) && Array.isArray(value)}
@@ -428,6 +431,9 @@
bind:selected={value}
options={itemsType?.enum ?? []}
selectedOptionsDraggable={true}
on:open={() => {
dispatch('focus')
}}
/>
</div>
{:else}
@@ -816,6 +822,12 @@
bind:value
{enum_}
{autofocus}
on:focus={() => {
dispatch('focus')
}}
on:blur={(e) => {
dispatch('blur')
}}
enumLabels={extra['enumLabels']}
/>
</div>

View File

@@ -279,7 +279,7 @@
class={twMerge(
'pl-2 pt-2 pb-2 ml-2 relative hover:bg-surface hover:shadow-md transition-all duration-200',
$propPickerConfig?.propName == argName
? 'bg-surface border-l-4 border-blue-500 shadow-md rounded-l-md z-2000'
? 'bg-surface border-l-4 border-blue-500 shadow-md rounded-l-md z-50 '
: 'hover:rounded-md',
$$props.class
)}
@@ -565,10 +565,13 @@
</div>
{#if $propPickerConfig?.propName == argName}
<div class="text-blue-500 mt-2" in:fade={{ duration: 200 }}>
<div
class="text-blue-500 absolute top-2 lg:-right-2.5 -right-1"
in:fade={{ duration: 200 }}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
width="16"
height="24"
viewBox="0 0 24 24"
fill="currentColor"

View File

@@ -86,7 +86,7 @@
{#if keys.length > 0}
{#each keys as argName (argName)}
{#if (!filter || filter.includes(argName)) && Object.keys(schema.properties ?? {}).includes(argName)}
<div class="z-10 pt-2 relative">
<div class="pt-2 relative">
<InputTransformForm
{previousModuleId}
bind:arg={args[argName]}