Issue with website(personal project) loading on firefox, work fine on chrome.

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

9 points · 7 comments · view on lemmy.world

7 Comments

PoseidonsWake@lemmy.world · 2 pts · 2y

Working with FF 124 on Archlinux

Kissaki@programming.dev · 2 pts · 2y

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.

JaxNakamura@programming.dev · 2 pts · 2y

FWIW, it's working with FF 123 on Kubuntu as well.

Eheran@lemmy.world · 2 pts · 2y (3 replies)

Working with FF 124 on Android.

alexdeathway@programming.dev · 2 pts · 2y (2 replies)

as i have already mentioned,This issue doesn't occur with any mobile device Browsers.

Eheran@lemmy.world · 2 pts · 2y (1 reply)

Ah, I just tested once I read that section. Why read further was my thinking. Now I have not tested it on PC... Sorry

alexdeathway@programming.dev · 1 pts · 2y

no problem