[BUG] Loading claude-code VSCode extension on firefox 149.0-1 does not load styles correctly

Status Closed — not planned
Maintainer reply None cached
Activity 7 comments · opened Mar 31, 2026 · closed Jun 26, 2026

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_

View original on GitHub ↗

7 Comments

cmumatt · 5 months ago

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 extensionwebview-codicons-sample exhibits this problem.

  • Open https://github.com/microsoft/vscode-extension-samples/ in GitHub Codespaces
  • Open as folder webview-codicons-sample
  • Follow directions in Microsoft's sample extension README.md to build and run the extension:
  • npm install
  • F5 to run in the Extension Development Host
  • Run extension command Cat Codicons: Show Cat Codicons
  • Observe styles not loading in webview:

<img width="1179" height="599" alt="Image" src="https://github.com/user-attachments/assets/48a0eff3-7ea8-47cb-b838-297fc82c8287" />

  • Observe errors loading only stylesheets in FF developer tools (meanwhile scripts load fine):

<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" />

wuiyang · 5 months ago

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.

consideRatio · 3 months ago

When using firefox against a remote code-server with the claude-code extension, an index.css file 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:

-<link rel="stylesheet" href="index.css" ...">
+<link rel="stylesheet" href="index.css" ... crossorigin="anonymous">

<details><summary>The firefox browser blocked .css request in my setup</summary>

GET /opt/code-server/lib/code-server-4.115.0/lib/vscode/extensions/anthropic.claude-code-2.1.89-universal/webview/index.css undefined
Host: vscode-remote+redacted-example.com.vscode-resource.vscode-cdn.net
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:150.0) Gecko/20100101 Firefox/150.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.9
Accept-Encoding: gzip, deflate, br, zstd
Sec-Fetch-Storage-Access: none
Connection: keep-alive
Referer: https://redacted-example.com/
Sec-Fetch-Dest: style
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site
Priority: u=2
Pragma: no-cache
Cache-Control: no-cache

</details>

wuiyang · 3 months ago
github-actions[bot] · 2 months ago

Closing for now — inactive for too long. Please open a new issue if this is still relevant.

wuiyang · 2 months ago

As of latest firefox version 152.0.1, it should be fixed

cmumatt · 2 months ago

Confirmed working on FF 152.0.1