Multiple overlaying showcase issue in Firefox, Edge

[peteruithoven]

There is an issue with the code showcase: The other showcases work fine.

This happens in Firefox. It seems to work fine in Epiphany and Chromium

From Twitter: https://twitter.com/aobhgoleor/status/1052541777360642048/photo/1

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[btkostner]

This is a browser issue with how they handle hashes. Most browsers automatically load with that in focus, which means that section is actually scrolled right from where it should be. Sadly there is no real solution to this (with the way this works) so we will probably have to redo how this whole section works.

[peteruithoven]

Ah I see. This only happens when you use an url that includes a hash, like #showcase-code / #showcase-terminal. When visiting https://elementary.io and just navigate through the showcases there is no issue.

I though there was an existing issue on this, from the Loki site, but I can't find it.

[ncbaihly]

This seems to be working fine in Firefox 108.

[lewisgoddard]

I can only make this happen in Firefox and Edge by letting the page load and then trying to load the page again with the hash. We don't even expose these hashes any more so I think we can call this resolved.