mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(select): update selected prop after update

Browse source
This commit is contained in:
Eric Liu 2020-01-20 16:52:36 -08:00
commit 6a97175f75
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/Select/Select.svelte
View file

@ -14,7 +14,7 @@
export let selected = undefined;
export let style = undefined;
import { createEventDispatcher, setContext } from 'svelte';
import { createEventDispatcher, setContext, afterUpdate } from 'svelte';
import { writable } from 'svelte/store';
import ChevronDown16 from 'carbon-icons-svelte/lib/ChevronDown16';
import WarningFilled16 from 'carbon-icons-svelte/lib/WarningFilled16';
@ -26,12 +26,13 @@
setContext('Select', { selectedValue });
afterUpdate(() => {
selected = $selectedValue;
dispatch('change', $selectedValue);
});
$: errorId = `error-${id}`;
$: selectedValue.set(selected);
$: selected = $selectedValue;
$: {
dispatch('change', $selectedValue);
}
</script>
<div class={cx('--form-item')} {style}>
@ -85,7 +86,6 @@
aria-describedby={invalid ? errorId : undefined}
disabled={disabled || undefined}
aria-invalid={invalid || undefined}
on:change
on:change={({ target }) => {
selectedValue.set(target.value);
}}