<Svrollbar /> adds multiple <style> tags inside <head> every time you scroll

daylilyfield / svrollbar

simple custom scrollbar made by svelte

https://daylilyfield.github.io/svrollbar/

MIT License

74 stars 12 forks source link

<Svrollbar /> adds multiple <style> tags inside <head> every time you scroll #6

Closed oneezy closed 2 years ago

oneezy commented 2 years ago

When using <Svrollbar> to replace the Window scrollbar, each scroll adds 2 <style> tags to the <head>. The first is added when you start the scroll and another is added when it ends.

You can verify this by going to the Svrollbar Website , opening up dev tools and scrolling the page.

daylilyfield commented 2 years ago

@oneezy thanks for your issue. i can reproduce this issue on the svrollbar website served by github pages, but i can not reproduce it on my local pc. hmm. i try to figure out this issue, i will share you if i find out about it.

daylilyfield commented 2 years ago

@oneezy i found some issues and PR in svelte github repository.

Issues

sveltejs/svelte/issues/4801
sveltejs/svelte/issues/7164

PR (not merged yet)

sveltejs/svelte/pull/7260

a workaround i found for this issue is that we should use svelte transition that are not turned into CSS transitions.

oneezy commented 2 years ago

ahh! so it's not Svrollbar specific issue and is Svelte specific issue.

thankyou for clarifying that

daylilyfield commented 2 years ago

@oneezy yes, this issue will fix when svelte fixes it. thank you for reporting. let me close this issue.