diff --git a/src/Svelecte.svelte b/src/Svelecte.svelte
index 12b06ab..c1f0e10 100644
--- a/src/Svelecte.svelte
+++ b/src/Svelecte.svelte
@@ -697,7 +697,7 @@
 
 <div class={`svelecte ${className}`} class:is-disabled={disabled} {style}>
   <Control bind:this={refControl} renderer={itemRenderer}
-    {disabled} {clearable} {searchable} {placeholder} {multiple} inputId={inputId || __id} {resetOnBlur} collapseSelection={collapseSelection ? config.collapseSelectionFn.bind(_i18n): null}
+    {disabled} {clearable} {searchable} {placeholder} {multiple} inputId={inputId || (__id + '-input')} {resetOnBlur} collapseSelection={collapseSelection ? config.collapseSelectionFn.bind(_i18n): null}
     inputValue={inputValue} hasFocus={hasFocus} hasDropdownOpened={hasDropdownOpened} selectedOptions={selectedOptions} {isFetchingData}
     {dndzone} {currentValueField} {isAndroid} {isIOS} {alwaysCollapsed}
     itemComponent={controlItem}