Issue with auto-scroll to components based on URL hash

[matt-west]

Tell us about the issue you are experiencing

Astrum is not scrolling to the correct component when the pattern library is visited with a component in the URL hash. This appears to be an issue when testing Astrum with a large number of components and groups.

What behaviour would you expect?

Astrum should scroll to the specified component.

How can this issue be replicated?

@RyanHavoc Check the pattern library for SBL.

Screenshots / Screencast

N/A

[matt-west]

Issue with auto-scroll to components based on URL hash

[RyanHavoc]

@matt-west I've added an additional check to ensure the document is ready before triggering the scroll to. This fixes the problem, but not entirely in our case with SBL.

See the bug/59 branch.

The issue we have with SBL is we're loading additional Vue components into the library. Astrum triggers the scrollTo once it's completely loaded. You can see the "Done" on the screenshot below:

Then additional components render after they hit the endpoints which throws off the viewing position after it's been scrolled to.

I can't think how we could work around this. It's a bit of an edge case for us mind...

[matt-west]

@RyanHavoc I agree that this is an edge case. Happy to go with the solution you've put together.