Skip to content

Renders are slow when binding to clientWidth or clientHeight inside of keyed-each block #8272

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

Closed
mhkeller opened this issue Feb 10, 2023 · 2 comments

Comments

@mhkeller
Copy link

mhkeller commented Feb 10, 2023

Describe the bug

If you have a component that does a bind:clientWidth or bind:clientHeight inside of a keyed-each block, when you re-render, the page will get increasingly slow until it freezes.

This came up here since my library by default binds to clientWidth and clientHeight so it can't easily be used that well inside of keyed each blocks mhkeller/layercake#113

Reproduction

https://svelte.dev/repl/80c226b9830f4dfa8de5e70e7c83f7e0?version=3.55.1

Logs

No response

System Info

REPL, Svelte 3.55.1

Severity

annoyance

@torrfura
Copy link

torrfura commented Feb 10, 2023

This is probably caused by the multitude of iframes that are being rendered, you can read more here #5524 and here #7583

@baseballyama
Copy link
Member

Duplicate of #7583

@baseballyama baseballyama marked this as a duplicate of #7583 Feb 18, 2023
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

3 participants