[BUG] Loading claude-code VSCode extension on firefox 149.0-1 does not load styles correctly
Preflight Checklist
- [x] I have searched existing issues and this hasn't been reported yet
- [x] This is a single bug report (please file separate reports for different bugs)
- [x] I am using the latest version of Claude Code
What's Wrong?
After updating to Firefox 149.0-1 the claude code extension as loded by by browser does not look correct. It was working correctly on firefox version 148.0-1
Browser: Firefox 149.0-1
Environment: code-server (VS Code in browser) (specifically the linuxserver.io ]docker container](https://docs.linuxserver.io/images/docker-code-server/), but any vscode in the browser solution should present same issue)
Claude-code for VS Code plugin version: anthropic.claude-code@2.1.88
Description of the UI breakage
Styles fail to load correctly after updating to firefox 149.0-1. previously loading via firefox 148.0-1 worked successfully as does loading via chrimium based browsers so this seems to be a bug in handleing the firefox browser specifically.
<img width="1047" height="1146" alt="Image" src="https://github.com/user-attachments/assets/13f232a5-57df-41bf-ae1d-e4789faafd5c" />
What Should Happen?
The plugin should load with correct styles just as it did on firefox 148
Error Messages/Logs
Issue appears to be an error fetching the CSS file.
Firefox 149 loads anthropic's css from this URL `https://vscode-remote+code-002eelementia-002elive.vscode-resource.vscode-cdn.net/config/extensions/anthropic.claude-code-2.1.88-linux-x64/webview/index.css` and recieves a network error due to that host not resolving due to NS_ERROR_UNKNOWN_HOST
copy as cUrl for the web request that is failing:
curl 'https://vscode-remote+code-002eelementia-002elive.vscode-resource.vscode-cdn.net/config/extensions/anthropic.claude-code-2.1.88-linux-x64/webview/index.css' \
-H 'User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:149.0) Gecko/20100101 Firefox/149.0' \
-H 'Accept: text/css,*/*;q=0.1' \
-H 'Accept-Language: en-US,en;q=0.9' \
-H 'Accept-Encoding: gzip, deflate, br, zstd' \
-H 'Sec-Fetch-Storage-Access: none' \
-H 'DNT: 1' \
-H 'Sec-GPC: 1' \
-H 'Connection: keep-alive' \
-H 'Sec-Fetch-Dest: style' \
-H 'Sec-Fetch-Mode: no-cors' \
-H 'Sec-Fetch-Site: cross-site' \
-H 'Priority: u=2' \
-H 'Pragma: no-cache' \
-H 'Cache-Control: no-cache'
Miliseconds later in my network log i see claude successfully load the javascripts for the extension using this curl formatted query:
curl 'https://vscode-remote+code-002eelementia-002elive.vscode-resource.vscode-cdn.net/config/extensions/anthropic.claude-code-2.1.88-linux-x64/webview/index.js' \
-H 'User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:149.0) Gecko/20100101 Firefox/149.0' \
-H 'Accept: */*' \
-H 'Accept-Language: en-US,en;q=0.9' \
-H 'Accept-Encoding: gzip, deflate, br, zstd' \
-H 'Origin: https://code.elementia.live' \
-H 'DNT: 1' \
-H 'Sec-GPC: 1' \
-H 'Sec-Fetch-Dest: script' \
-H 'Sec-Fetch-Mode: cors' \
-H 'Sec-Fetch-Site: cross-site' \
-H 'Connection: keep-alive'
Steps to Reproduce
Steps to reproduce if possible:
Use a web based version of vscode such as code-server, load it and the claude-code plugin via firefox 148 and observe that it works. upgrade to 149 and observe that it now fails to load styles, although functionality appears to be unaffected.
Claude Model
Not sure / Multiple models
Is this a regression?
Yes, this worked in a previous version
Last Working Version
Firefox 148
Claude Code Version
2.1.88
Platform
Anthropic API
Operating System
Other Linux
Terminal/Shell
VS Code integrated terminal
Additional Information
_No response_
7 Comments
Experiencing this problem with many other vscode extensions on FF 149.0 (aarch64) in GitHub Codespaces (vscode 1.113.0). E.g., Microsoft's own sample extension
webview-codicons-sampleexhibits this problem.https://github.com/microsoft/vscode-extension-samples/in GitHub Codespaceswebview-codicons-sampleREADME.mdto build and run the extension:npm installF5to run in the Extension Development HostCat Codicons: Show Cat Codicons<img width="1179" height="599" alt="Image" src="https://github.com/user-attachments/assets/48a0eff3-7ea8-47cb-b838-297fc82c8287" />
<img width="1725" height="410" alt="Image" src="https://github.com/user-attachments/assets/d7b68b6d-9b20-448f-97eb-ecf5853e8c22" />
Seeing similar problems in various other extensions, e.g., GitLens, in FF 149 and Codespaces:
<img width="1572" height="822" alt="Image" src="https://github.com/user-attachments/assets/92e7e8c0-c4d5-46e2-913f-b3db38d92f11" />
Most likely the bug caused by Firefox update, tested with 148.0.2 works correctly, while 149.0 does not.
Possibly related to service worker unable to intercept fetch request and response with internal file, need to report to firefox bug.
When using firefox against a remote code-server with the claude-code extension, an
index.cssfile fails to load due to different default CORS logic than on chrome.This kind of change alone ought to solve the issue for the claude-code vscode extension:
<details><summary>The firefox browser blocked .css request in my setup</summary>
</details>
Report has been made in Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=2029029
Closing for now — inactive for too long. Please open a new issue if this is still relevant.
As of latest firefox version 152.0.1, it should be fixed
Confirmed working on FF 152.0.1