10
submitted 7 months ago* (last edited 7 months ago) by alexdeathway@programming.dev to c/webdev@programming.dev

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

you are viewing a single comment's thread
view the rest of the comments
[-] Kissaki@programming.dev 2 points 7 months ago* (last edited 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.

this post was submitted on 25 Mar 2024
10 points (100.0% liked)

Web Development

3430 readers
1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago
MODERATORS