Why aren't some browsers rendering CSS for local HTML file?

I'm on Zorin(Ubuntu) and when I open my HTML file with Firefox, everything is rendered correctly.

When I open the same HTML file with Brave or Waterfox, the CSS is not rendered.

Everything is rendered correctly for any browser if I first open the HTML file in VSCode then create a Live Server for it.

Is there a default setting in other browsers keeping the CSS in local HTML file from rendering? Thanks in advance.

9 points · 5 comments · view on lemmy.world

5 Comments

FizzyOrange@programming.dev · 4 pts · 1y

Impossible to say without more details. Did you try debugging it? See if the CSS file can load? Check the dev console?

oranki@sopuli.xyz · 3 pts · 1y

If the browser is installed as a flatpak, I think it only gets permission to either the directory the HTML file is in, or just the single HTML file.

Snaps probably have a similar permission restriction.

mesamunefire@piefed.social · 2 pts · 1y (2 replies)

How are they installed? Are some snaps?

yourFanatic@sh.itjust.works · 2 pts · 1y (1 reply)

I've only installed browsers with commands from their official website and I've also installed flatpaks.

I'm not sure if stock Firefox on Zorin is a flatpak or snap but it has no problem rendering the CSS.

mesamunefire@piefed.social · 4 pts · 1y

A long time ago, I saw something very similar with snap in particular. Snap for some reason had no permission on the filesystem I was running on (or limited permissions I forget which).

I just installed from source and it started working. Not sure if that helps you or not, but I would take a look at the inspect element -> Network tab and you should see something.