From 109f71b5cf08484defd62da9b09fddf4e4bb2e37 Mon Sep 17 00:00:00 2001 From: weaseldotro <1822852+weaseldotro@users.noreply.github.com> Date: Sun, 22 Nov 2020 12:33:20 +0200 Subject: [PATCH] fix(RadioButtonGroup): make selected prop reactive --- src/RadioButtonGroup/RadioButtonGroup.svelte | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/src/RadioButtonGroup/RadioButtonGroup.svelte index 79645f33..d23c595b 100644 --- a/src/RadioButtonGroup/RadioButtonGroup.svelte +++ b/src/RadioButtonGroup/RadioButtonGroup.svelte @@ -26,7 +26,7 @@ */ export let id = undefined; - import { createEventDispatcher, setContext } from "svelte"; + import { beforeUpdate, createEventDispatcher, onMount, setContext } from "svelte"; import { writable } from "svelte/store"; const dispatch = createEventDispatcher(); @@ -44,7 +44,17 @@ }, }); - $: selected = $selectedValue; + onMount(() => { + $selectedValue = selected + }) + + beforeUpdate(() => { + $selectedValue = selected + }) + + $: $selectedValue, (() => { + selected = $selectedValue + }) $: dispatch("change", $selectedValue);