I am working on a personal website that loads perfectly on Chrome and Chromium-based browsers but crashes or doesn’t bother to render on Firefox and Firefox-based browsers. I’m unable to narrow down the issue.
This issue doesn’t occur in any mobile device browser(firefox or chrome).
website: https://gecom.alexdeathway.me
source code: https://github.com/alexdeathway/gecom
FF124, Windows; What I see is grey and a loading icon.
Have you opened the Browser Console?
downloadable font: Glyph bbox was incorrect
While one would not expect that to cause such issues, depending on if you’re using a SPA or what kind of bootstrapping you use, or a Firefox consequential issue, it may. What happens if you skip web fonts?
I can open the browser console, and I can context menu inspect elements, and it selects them in the inspector. So it seems like the DOM is being rendered and laid out, to an interactable level.
When I open CTRL+SHIFT+M it looks very funky and broken. No border, nothing rendered; only the resize handle, which remains usable. Using different Window to compare, there should be a border and border shadow. This makes me come back to the font issue, and makes me wonder if trying to render a faulty font brings Firefox into a broken render state.
