Ancestors

Written by Matthias Andrasch on 2025-01-05 at 12:58

🧑‍🔧 Updated https://austrian-web-dev-companies.pages.dev/ a bit more, learned how bind:group works with #Svelte v5 $state.

🚉 Next stop: Adding pagination & URL params.

=> More informations about this toot | More toots from mandrasch@social.tchncs.de

Written by Matthias Andrasch on 2025-01-06 at 21:45

After getting help on Svelte Discord, I integrated a rather interesting $effect pattern to load my $state from URL parameters (thx to l3t!) + added pagination ✅ Guess I have to get used to $effect in #Svelte v5. https://github.com/mandrasch/austrian-web-dev-companies/blob/68a4caa8435df0b8e5502501baa6fc153170171f/src/routes/%2Bpage.svelte#L51

🚉 Next stop: Scroll to results div after pagination click.

=> More informations about this toot | More toots from mandrasch@social.tchncs.de

Written by matthiou on 2025-01-06 at 21:56

@mandrasch Next step could be

href="/list/?page=3#results"

Possibly with the scroll-margin-top CSS property set

=> More informations about this toot | More toots from matthiou@mastodon.social

Toot

Written by Matthias Andrasch on 2025-01-06 at 21:59

@matthiou thx for reply! I gave it a try with afterNavigate / beforeNavigate already and element.scrollIntoView() - but I had a conflicht with $effect https://github.com/mandrasch/austrian-web-dev-companies/blob/68a4caa8435df0b8e5502501baa6fc153170171f/src/routes/%2Bpage.svelte#L26 Currently not sure if I even should use afterNavigate / beforeNavigate in Svelte v5 or if this should all be handled by $effect.

=> More informations about this toot | More toots from mandrasch@social.tchncs.de

Descendants