[BUG] Claude Code内蔵のArtifactプレビューで、白背景のボタン(ghostスタイル)の文字が表示されない
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
- 以下のArtifact URLを開く:https://claude.ai/code/artifact/b9b9de87-cb57-4fa5-aff8-8ec3d8adb578
- Claude Code内蔵の「アーティファクト」プレビューパネルでこのURLを表示する
- 画面上部の白背景・枠線タイプのボタン(「データ」「+ 施設を追加」「図面を差し替え」など)を確認する
- これらのボタンに文字が表示されず、空白の四角として表示される
比較のため:
- 同じURLを、Claude Codeの内蔵プレビューではなく、実際の外部Chromeブラウザのタブで開く
- 同じボタンが、今度は正しく文字付きで表示される
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_