fix(svelte): fix ListInput children error

fixes #48
konstaui · May 16, 2022 · 2b91a6c · 2b91a6c
1 parent 1eab884
commit 2b91a6c
Showing 1 changed file with 74 additions and 38 deletions.
diff --git a/src/svelte/components/ListInput.svelte b/src/svelte/components/ListInput.svelte
@@ -194,45 +194,81 @@
         <slot name="input" />
       {:else}
         <!-- svelte-ignore a11y-autofocus -->
-        <svelte:element
-          this={InputComponent}
-          id={inputId}
-          bind:this={inputEl}
-          class={c.input[labelStyleIsFloating]}
-          style={inputStyle}
-          {name}
-          type={needsType ? type : undefined}
-          {placeholder}
-          {inputmode}
-          {size}
-          {accept}
-          {autocomplete}
-          {autocorrect}
-          {autocapitalize}
-          {spellcheck}
-          {autofocus}
-          {autosave}
-          {disabled}
-          {max}
-          {maxlength}
-          {min}
-          {minlength}
-          {step}
-          {multiple}
-          {readonly}
-          {required}
-          {pattern}
-          {tabindex}
-          {value}
-          on:input={onInput}
-          on:change={onChange}
-          on:focus={onFocusInternal}
-          on:blur={onBlurInternal}
-        >
-          {#if type === 'select'}
+        {#if type === 'select'}
+          <svelte:element
+            this={InputComponent}
+            id={inputId}
+            bind:this={inputEl}
+            class={c.input[labelStyleIsFloating]}
+            style={inputStyle}
+            {name}
+            type={needsType ? type : undefined}
+            {placeholder}
+            {inputmode}
+            {size}
+            {accept}
+            {autocomplete}
+            {autocorrect}
+            {autocapitalize}
+            {spellcheck}
+            {autofocus}
+            {autosave}
+            {disabled}
+            {max}
+            {maxlength}
+            {min}
+            {minlength}
+            {step}
+            {multiple}
+            {readonly}
+            {required}
+            {pattern}
+            {tabindex}
+            {value}
+            on:input={onInput}
+            on:change={onChange}
+            on:focus={onFocusInternal}
+            on:blur={onBlurInternal}
+          >
             <slot />
-          {/if}
-        </svelte:element>
+          </svelte:element>
+        {:else}
+          <svelte:element
+            this={InputComponent}
+            id={inputId}
+            bind:this={inputEl}
+            class={c.input[labelStyleIsFloating]}
+            style={inputStyle}
+            {name}
+            type={needsType ? type : undefined}
+            {placeholder}
+            {inputmode}
+            {size}
+            {accept}
+            {autocomplete}
+            {autocorrect}
+            {autocapitalize}
+            {spellcheck}
+            {autofocus}
+            {autosave}
+            {disabled}
+            {max}
+            {maxlength}
+            {min}
+            {minlength}
+            {step}
+            {multiple}
+            {readonly}
+            {required}
+            {pattern}
+            {tabindex}
+            {value}
+            on:input={onInput}
+            on:change={onChange}
+            on:focus={onFocusInternal}
+            on:blur={onBlurInternal}
+          />
+        {/if}
       {/if}
 
       {#if clearButton}