ブラウザ

MacのChromeでチェックボックが消える問題を解消する2つの方法

Mac Chromeチェックボックス消える問題の解決法

MacOSをMojaveにしたらChromeでチェックボックスやラジオボタンがうまく表示されない問題の解決方法です。

chrome チェックボックス消える問題01⇡チェックボックスにチェックを入れていないとちゃんと表示されるが…
chrome チェックボックス消える問題02⇡チェックを入れると、チェックが外れて見える…(実際はチェックは入っていいます)

ChromeがMojaveに完全に対応出来ていない、もしくはMojaveの不具合が原因でこんな感じになっています。

2018年9月10日現在、Mojaveはまだベータバージョンで、正式版は2018年秋頃正式リリースとなります。

Mojjaveが正式リリースになったり、Chromeの方で対応してくれれば恐らく解消されるかと思いますが、とりあえずの対処法を解説します。

動作環境

  • MacOS:Mojave バージョン10.14 Beta(18A384a)
  • Google Chrome:バージョン: 68.0.3440.106(Official Build) (64 ビット)

とりあえずの暫定対処方法

この現象は上記の環境で且つ、Chromeの拡大率が100%の時のみおこる現象なので、
Chromeの拡大率を100%以外、つまり拡大か縮小すると解消されます。

command+(プラスキー)
command−(マイナスキー)
メニューバー → 表示 → 拡大 or 縮小

chrome チェックボックス消える問題04⇡ブラウザの表示を拡大か縮小すると、とりあえず解消されるが…。

但し、再度100%(実際のサイズ)に戻すと消えてしまうので根本的解決にはならないです。

それ用のChrome拡張機能での対処する方法(オススメ)

こういった不具合を解消してくれる便利な拡張機能も存在します。

拡張機能名:Mojave Checkbox-Fix

Mojave Checkbox-Fix

https://chrome.google.com/webstore/detail/mojave-checkbox-fix/ihlgehdlkphgngjfagonbeoepadbdaae

上記のURLから拡張機能をChrome内にインストールすればOK。設定項目はありません。

chrome チェックボックス消える問題03⇡拡張機能をインストールするだけで、ちゃんと表示されました。

まとめ

Chromeのアップデートで問題が解消してくれるのが一番良いのですが、それまでは拡張機能Mojave Checkbox-Fixで対処しましょう。

なお、ChromeがちゃんとしてくれたらMojave Checkbox-Fixは不要ですのでChromeから削除しましょう。