Svelte Routify - Components don't load on page change.

[Jody Doolittle]

Using Routify, components don't load on new pages until scroll has been triggered.

[Jody Doolittle]

Routify2 - Current workaround on each page:

import { afterPageLoad } from '@roxi/routify'
$afterPageLoad(() => document.dispatchEvent(new CustomEvent('scroll')))

[leaf]

Hi, @doolijb. Thanks for your feedback.

I did some investigation and found out that when changing pages, Routify probably removes the previous page dom and renders the new page dom simultaneously. It results in incorrect height from node.getBoundingClientRect().top for svelte-lazy not to load the component.

I simply added a timeout for initial loading checking. Please try the latest version npm install svelte-lazy and see if it works.

[Jody Doolittle]

Thanks for the quick response, I'll check tomorrow

[Jody Doolittle]

It's looking good in production with Firefox and Chrome, thanks a ton.