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

  • Kissaki@programming.dev
    link
    fedilink
    English
    arrow-up
    2
    ·
    edit-2
    7 months ago

    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.