Skip to content

Slide transition inside slide transition breaks outer transition (v3.6.4)Β #3277

@henrikhermansen

Description

@henrikhermansen

Describe the bug
If you have an element A with a transition:slide, and puts another element B with transition:slide inside it, the last child of element A isn't included in the transition. Instead it just pops up at the end of the transition.

This broke with version v3.6.4, as it worked fine up until v3.6.3.

To Reproduce
v3.6.3, it's smooth:
https://svelte.dev/repl/c688496562be4624a009ddf25bbf74e4?version=3.6.3

v3.6.4, it's glitchy:
https://svelte.dev/repl/c688496562be4624a009ddf25bbf74e4?version=3.6.4
Note that it doesn't matter which child has the transition on it. It's always going to be the last child glitching out.

Expected behavior
I expect all children to slide in together, as it did in v3.6.3.
Alternatively I'd expect the child with the transition on it to slide in when the others are done or something.

Information about your Svelte project:
Chrome Version 75.0.3770.142 (Official Build) (64-bit)

macOS 10.13.3

Svelte v3.6.4-v3.6.7 (most recent atm)

Svelte REPL

Severity
Just annoying.

Additional context
Changes between v3.6.3 and v3.6.4:
v3.6.3...v3.6.4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions