{#each selectedPersons as person (person.id)}
{/each}
(showDropdown = false)}>
{#each selectedPersons as person (person.id)}
{person.displayName}
removePerson(person.id)} class="ml-0.5 text-ink/50 hover:text-red-500 focus:outline-none" aria-label={m.comp_multiselect_remove()} >
{/each}
{ updateDropdownPosition(); showDropdown = true; }} placeholder={selectedPersons.length === 0 ? m.comp_multiselect_placeholder() : ''} class="min-w-[120px] flex-1 border-none bg-transparent p-1 text-sm outline-none focus:ring-0" />
{#if showDropdown && (results.length > 0 || loading)}
{#if loading}
{m.comp_multiselect_loading()}
{:else} {#each results as person (person.id)}
selectPerson(person)} onkeydown={(e) => e.key === 'Enter' && selectPerson(person)} role="button" tabindex="0" > {person.displayName}
{/each} {/if}
{/if}