Chrome では不具合が見えるが Safari では正常動作、修復方法

Chrome 上で ChatGPT/Codex が完全に壊れているように見えたが、Safari 上で完全に正常に表示されるという奇妙な問題に遭遇した。 その違いが最初の手がかりとなった。 Safari は WebKit に基づいている一方、Chrome と Codex デスクトップアプリは Chromium/Electron に基づいている。したがって、これは macOS の表示問題ではない。これは Chrome 内部の問題である。 Chrome での UI は以下のようにおかしくなっていた： コンポジター/入力エリアが大きすぎたり、配置がズレていたり 影とレイアウトが不自然に見えたり 推奨カードが正しい場所に浮遊していない 一方、同じページを Safari 上で表示するのは完全に正常だった。 私はクリーンな一時的プロファイルを起動し、以下コマンドを実行した： open -na "Google Chrome" --args \\n --user-data-dir=/tmp/codex-chrome-clean-profile \\n --disable-extensions \\n --disable-gpu \\n --disable-features=UseSkiaRenderer,CanvasOopRasterization,Vulkan \\n --force-device-scale-factor=1 \\n https://chatgpt.com/codex そこではすべて正常に表示された。 それは即座に、この問題は Web サイトの問題ではなく、Chrome プロファイルの問題であることを示唆した。 このクリーン起動により多くの変数が排除される： 新しいプロファイル 拡張機能なし サイトデータのカッシュなし 奇妙なフラグなし スケーリング問題なし したがって、問題はそれらのいずれかである。 作業回避策を続けるのではなく、メインの Chrome セットアップを整理した。 ズームをリセットする：Cmd + 0 拡張機能を無効にする：chrome://extensions すべてをオフにし、ChatGPT を再読み込みする。修理されたら、1 つずつオンにして、再び壊れるまで確認する。 フラグをリセットする：chrome://flags クリックして：Reset all Chrome を再起動する。 ChatGPT/OpenAI サイトデータをクリアする：chrome://settings/siteData 検索して削除する：chatgpt, openai, codex Chrome を再起動し、再ログインする。 クリーンプロファイルは機能するが、以下の理由により低品質のレンダリングを強制する： GPU が無効になっている スケーリングが 1 に強制されている レンダリング機能がオフになっている これはデバッグには良いが、長期利用には望ましくない。 おそらく以下のいずれかである： 壊れた Chrome プロファイルの状態 破損したサイトデータ 拡張機能の競合 悪いフラグ スケーリングまたはズームの問題 重要な信号は単純だった：Safari で動く つまり、問題はアプリではなく Chrome 内部にある。 もしあなたが Chrome での UI が「おかしい」に見えるが、他の場所では正常であれば、考えすぎてはいないで。まずはクリーンプロファイルを試す。それは多くの時間を節約してくれるだろう。

I ran into a weird issue where ChatGPT/Codex looked completely broken in Chrome, but rendered perfectly in Safari. That difference was the first clue. Safari runs on WebKit. Chrome and the Codex desktop app run on Chromium/Electron. So this wasn’t a macOS display issue. It was something inside Chrome. The UI in Chrome looked off: Composer/input area was oversized or misaligned Shadows and layout felt wrong Suggestion cards were floating in the wrong place Same page in Safari looked completely normal. I launched Chrome with a clean temporary profile: open -na "Google Chrome" --args \ --user-data-dir=/tmp/codex-chrome-clean-profile \ --disable-extensions \ --disable-gpu \ --disable-features=UseSkiaRenderer,CanvasOopRasterization,Vulkan \ --force-device-scale-factor=1 \ https://chatgpt.com/codex Everything rendered correctly there. That immediately told me this is not a website issue, it is a Chrome profile issue. That clean launch removes a lot of variables: fresh profile no extensions no cached site data no weird flags no scaling issues So the problem had to be one of those. Instead of sticking with the workaround, I cleaned up my main Chrome setup. Reset zoom Cmd + 0 Disable extensions Go to: chrome://extensions Turn everything off, reload ChatGPT. If it fixes it, turn them back on one by one until it breaks again. Reset flags Go to: chrome://flags Click: Reset all Restart Chrome. Clear ChatGPT/OpenAI site data Go to: chrome://settings/siteData Search and delete: chatgpt openai codex Restart Chrome and log in again. The clean profile works, but it forces low-quality rendering because: GPU is disabled scaling is forced to 1 rendering features are turned off Good for debugging, not something you want long-term. Most likely one of: broken Chrome profile state corrupted site data extension conflict bad flags scaling or zoom issue The key signal was simple: Safari works That means the problem lives inside Chrome, not the app. If your UI ever looks “off” in Chrome but fine elsewhere, don’t overthink it. Test a clean profile first. It will save you a lot of time.