You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
First render will be correct, however when the value of store changes (e.g. via .set) - the each block (inside else) does not seem to get the updated value of store. Transition plays out, but the elements remain the same. {@debug $store} statement inside else doesn't get triggered. $: console.log($store); shows that the store does update correctly every time.
If you remove transition:slide from element in each - everything start to work perfectly.
Describe the bug
A bit difficult to describe. Suppose you have this code:
First render will be correct, however when the value of
store
changes (e.g. via.set
) - theeach
block (insideelse
) does not seem to get the updated value of store. Transition plays out, but the elements remain the same.{@debug $store}
statement insideelse
doesn't get triggered.$: console.log($store);
shows that the store does update correctly every time.If you remove transition:slide from element in
each
- everything start to work perfectly.To Reproduce
Click on the checkbox that asynchronously updates the store value. Check the console for
@debug
vs$: console.log
info. Removetransition:slide
to see how it should work.https://svelte.dev/repl/49cef205e5da459594ef2eafcbd41593?version=3.29.4
Expected behavior
Store value should be read correctly inside of
else + each
block and elements should be drawn with an animationSeverity
Annoying but avoidable - either do not use transition, or avoid
else
block (replacing it with anif
block works just fine)The text was updated successfully, but these errors were encountered: