[BUG] Claude Code内蔵のArtifactプレビューで、白背景のボタン(ghostスタイル)の文字が表示されない

Status Open
Reported on v2.1.229
Maintainer reply None cached
Activity 0 comments · opened Aug 16, 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?

Claude Code内蔵の「アーティファクト」プレビューパネルで、公開したArtifact内の白背景・枠線タイプのボタン(例:「データ」「+ 施設を追加」「図面を差し替え」)の文字だけが表示されず、空白の四角として表示されます。

同じArtifact URLを実際のChromeブラウザのタブで開くと、これらのボタンは正しく文字が表示されます。CSS側で appearance:none やCSS変数のフォールバック値を追加しても、内蔵プレビューパネルでは改善しませんでした。緑色などの塗りつぶし背景のボタンは、内蔵プレビューでも問題なく表示されます。

再現するArtifact URL:https://claude.ai/code/artifact/b9b9de87-cb57-4fa5-aff8-8ec3d8adb578

<img width="487" height="220" alt="Image" src="https://github.com/user-attachments/assets/d6cc4de9-3173-478e-bcef-2ee06cea43fe" />

What Should Happen?

実際のChromeブラウザのタブで開くと、これらのボタンは正しく文字が表示されています。
<img width="1920" height="1200" alt="Image" src="https://github.com/user-attachments/assets/c12e6a6b-0a7e-4648-9343-691b8a866839" />

Error Messages/Logs

Steps to Reproduce

  1. 以下のArtifact URLを開く:https://claude.ai/code/artifact/b9b9de87-cb57-4fa5-aff8-8ec3d8adb578
  2. Claude Code内蔵の「アーティファクト」プレビューパネルでこのURLを表示する
  3. 画面上部の白背景・枠線タイプのボタン(「データ」「+ 施設を追加」「図面を差し替え」など)を確認する
  4. これらのボタンに文字が表示されず、空白の四角として表示される

比較のため:

  1. 同じURLを、Claude Codeの内蔵プレビューではなく、実際の外部Chromeブラウザのタブで開く
  2. 同じボタンが、今度は正しく文字付きで表示される

Claude Model

Sonnet (default)

Is this a regression?

Yes, this worked in a previous version

Last Working Version

_No response_

Claude Code Version

2.1.229

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

Terminal.app (macOS)

Additional Information

_No response_

View original on GitHub ↗