Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Svelte 4+5: transition ignored for nested components inside 2nd if-block #10170

Closed
dm-de opened this issue Jan 12, 2024 · 1 comment
Closed

Comments

@dm-de
Copy link

dm-de commented Jan 12, 2024

Describe the bug

In code like this;

{#if !fold}
	<div ... />
		<slot />
	</div>
	{#if drag}
		<Child ... />
	{/if}
{/if}

Child component inside 2nd if block will not get transition effect.

Workaround found:

{#if !fold}
	<div ... />
		<slot />
	</div>
{/if}
{#if !fold && drag}
	<Child ... />
{/if}

Reproduction

click button to open/close panel
black line (Child) should move with panel

Svelte 4:
(!) note: Svelte 4 has additional issue: #9361 (comment)
edit: updated link
https://svelte.dev/repl/365a916f0dd54050b1b4fbe9afdba056?version=4.2.8

Svelte 5:
LINK

Logs

No response

System Info

Svelte 4.2.8
Svelte 5 next 34

Severity

annoyance

@Conduitry
Copy link
Member

See #8887, #9196.

@Conduitry Conduitry closed this as not planned Won't fix, can't repro, duplicate, stale Jan 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants