Reactive `selected` prop

I’m surprised to read in the docs that the selected prop is static (“[…] or passed as prop to set pre-selected options that will already be populated when the component mounts before any user interaction”).

In my case, the selected options depend on the external context, the URL params, and when I go back/forward the MultiSelect has to update in consequence.

This worked as I expect with version 6.1.0 but since version 7.1.0, the selected prop has become static (it does not take new values into account).

Is this intended behavior?

As a workaround, I did use:

{#key selected}
  <MultiSelect {options} {selected} />
{/key}

Here is a quick-made REPL to demonstrate this: https://svelte.dev/repl/153f9049a9b849aa9fcc95117061a867?version=3.52.0

[janosh]

Released in v8.0.0. I confirmed that installing

import MultiSelect from "svelte-multiselect@8.0.0"

in your REPL fixes the issue.

[janosh]

Yeah, I was just rereading your two-way binding recipe. Very cool that it works but it would require two new dependencies. I might just go with a wrapper component that dispatches events for testing whenever the two-way bound variable changes.