search

rcos / Telescope

The RCOS website and Discord bot.
https://rcos.io
MIT License
18 stars 10 forks source link

Website CSS fails to load on Firefox #272

Closed ArchWand closed 2 years ago

ArchWand commented 2 years ago

Describe the bug When viewing https://rcos.io from Firefox, only a basic HTML page is displayed.

To Reproduce Steps to reproduce the behavior:

  1. Open Firefox
  2. Go to https://rcos.io

Expected behavior The website should look identical regardless of browser engine.

Screenshots Ungoogled Chromium: image

Firefox: image

Desktop (please complete the following information):

ArchWand commented 2 years ago

Additional information: Website looks fine from Firefox on MacOS, Firefox on Android (GrapheneOS), and Vanadium on Android (GrapheneOS).

I suspect it's because I'm using the Ubuntu 22.04 LTS snap? Xorg or Wayland doesn't make a difference as far as I can tell.

ArchWand commented 2 years ago

I'm a bit baffled. I went to Style Editor in the Developer Tools, and it suddenly displayed correctly. I reloaded the page to see if it would stick around, but it did not; it's back to base HTML now. My browser seems to have downloaded base.css correctly (along with a bootstrap.min.css, but from what I gather base.css is the important one).

There are some errors in my console:

None of the “sha384” hashes in the integrity attribute match the content of the subresource. 2 [2fa75f47-9770-45cb-a421-3f14ae21e9be](https://rcos.io/user/2fa75f47-9770-45cb-a421-3f14ae21e9be)
None of the “sha384” hashes in the integrity attribute match the content of the subresource. [SimpleServices.jsm:138:18](resource://gre/modules/SimpleServices.jsm)
None of the “sha384” hashes in the integrity attribute match the content of the subresource. [2fa75f47-9770-45cb-a421-3f14ae21e9be](https://rcos.io/user/2fa75f47-9770-45cb-a421-3f14ae21e9be)
Uncaught ReferenceError: $ is not defined
    <anonymous> https://rcos.io/static/scripts/script.js:2
[script.js:2:1](https://rcos.io/static/scripts/script.js)
    <anonymous> https://rcos.io/static/scripts/script.js:2

The CSS does seem to have some effect:
With base.css on: image

With base.css off: image

Noted differences: with base.css on, "RPI freshman class of 2022" is highlighted red, and the private use unicode character becomes the Discord logo.

ArchWand commented 2 years ago

This is a bug with the LocalCDN extension. Disabling LocalCDN on rcos.io specifically fixes the issue.