Skip to content

Instantly share code, notes, and snippets.

@rspieker
Created March 22, 2018 07:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rspieker/31327ce7186cb451811813a5b832b255 to your computer and use it in GitHub Desktop.
Save rspieker/31327ce7186cb451811813a5b832b255 to your computer and use it in GitHub Desktop.
Svelte dynamic multiple attribute on two-way binding of select does not work
<h2>Static multiple attribute</h2>
<select bind:value="works" multiple :size>
{{#each options as option}}
<option value="{{ option }}">{{ option }}</option>
{{/each}}
</select>
<h2>Dynamic :multiple attribute ({{ multiple }})</h2>
<select bind:value="broken" :multiple :size>
{{#each options as option}}
<option value="{{ option }}">{{ option }}</option>
{{/each}}
</select>
<script>
export default {
data() {
return {
works: [],
broken: [],
options: [ 'foo', 'bar', 'baz', 'qux' ],
multiple: true,
};
},
};
</script>
{
"works": [
"foo",
"baz"
],
"broken": [
"qux",
"bar"
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment