profile
viewpoint

Ask questionsTransitions don't work on table row addition

Describe the bug When I add a row to a table, even when the table has transition: set, it just pops in ignoring the transition. Oddly, it works on removing the row.

Logs No logs.

To Reproduce Reproducible bug: https://svelte.dev/repl/f7fefbd5eb63471db69a89bf36398d38?version=3.23.0

Based on demo: https://svelte.dev/tutorial/local-transitions which uses divs

Expected behavior Transitions should work on both adding a removing a table row.

Information about your Svelte project:

  • Your browser and the version: Google Chrome Version 83.0.4103.61 (Official Build) (64-bit)

  • Svelte version 3.23

repl, none

Severity Not much, it's just some coolness in transitions with adding. But it does help the user acclimate to the changes on the screen.

sveltejs/svelte

Answer questions antony

Weirdly this is only with slide. Fade works as expected.

useful!

Related questions

Javascript Interpolation in Styles via CSS Variables? hot 2
Svelte applications fail to load in IE 11. Similar loading issue with the main site svelte.dev hot 1
Uncaught TypeError: y.fragment.l is not a function hot 1
Increase elements when using a combination of await block and transition hot 1
Svelte applications fail to load in IE 11. Similar loading issue with the main site svelte.dev hot 1
Change body class via <svelte:body /> hot 1
Site: Svelte Cookbook/ Examples hot 1
Missing dependencies in svelte/compiler type definitions hot 1
Multiple components in one file - svelte hot 1
onMount Error: Function called outside component initialization hot 1
A way to see if slot prop is present hot 1
slot inside #if inside #each : TypeError cannot read property 'd' of null hot 1
unclear / difficult to import uuidv4 hot 1
Use <script type="application/ld+json"> in <svelte:head> hot 1
Error: 'default' is not exported when using babel + moment hot 1
Github User Rank List