Blue square on second attempt to select an item

[fedeperin]

Video of the issue:

Video

I'm having a problem, the second time that I try to select an item the options change it's background to a blue one and they are no more selectable. The code is the following:

<script>
    import Select from 'svelte-select'
    const items = [
        {
            label: 'Cats',
            name: 'cats'
        },
        {
            label: 'Dogs',
            name: 'dogs'
        },
        {
            label: 'Rats',
            name: 'rats'
        }
    ]
    let value = items[0].label
</script>
<Select
{items}
clearable={ false }
bind:value
/>

[rob-balfre]

<Select itemId="name" ... >

[jamesscottbrown]

More explicitly:

Unless you provide an alternative field name as the itemId prop, svelte-select assumes that the id of each item is contained in a field called value. Once an item has been selected, any items with the same id will be highlighted. In your case, selecting any item hghlights all of them: the field is missing from all the items, so they are all treated as having the same id (undefined).

[fedeperin]

Thanks, my problem got solved adding the itemId.