Portals in nested routes not rendering in consistent order
Check out this stackblitz: https://stackblitz.com/edit/solidjs-templates-wwykia
Loading
Navigating around more seems to sort it out but the render order of the portals is making my current approach for a breadcrumb system super unreliable.
My guess is it's some weird interplay of lazy loading routes and portal mounting order, since not using lazy loading seems to make everything work fine.
On a related note, in our actual app, navigating from
Loading
/one/two/three first causes the breadcrumbs to render in the order three / one / two, loading /one/two first causes the breadcrumbs to render two / one.Navigating around more seems to sort it out but the render order of the portals is making my current approach for a breadcrumb system super unreliable.
My guess is it's some weird interplay of lazy loading routes and portal mounting order, since not using lazy loading seems to make everything work fine.
On a related note, in our actual app, navigating from
/users to /users/:userId is causing the breadcrumb to render multiple times - but only if the user's data hasn't already been loaded, so i think something weird with transitions is going on there. Haven't managed to reproduce this one yet. I did notice that even though the breadcrumb component was running 3 times, onCleanup was only firing once rather than twice
