Firefox107で多段タブ表示がおかしくなった方へ

※Firefox107限定です。
108になると必要なくなるので、108まで待つか108になったら追記した部分を削除してください。

Firefox115はこちらの記事をご覧ください

タブの下に空白が

Firefox107に更新されて、表示がまたおかしくなりました。。。タブの下に空白がたくさんできているらしい。

私のはこんな感じで、タブの空白が多すぎてページが全く表示されない。。。

さっそくこちらに行ってみると、解決策が。本当にありがとうございます。

userChrome.cssを開く

userChrome.cssの場所が分からない方は下記の方法で開いてください。

ページが表示される方

私のようにページ内容が全く見えない方は次に飛んでください。

出てきた、トラブルシューティング情報の「プロファイルフォルダー」欄の「フォルダーを開く」をクリック

開いたフォルダーの中の「Chrome」というフォルダを開きます。

ここにuserChrome.cssが入っています。

ページ内容が全く見えない方

私のようにページが全く表示されない方は、上記の方法は使えないので直接場所を探します。基本的には
C:\Users\（あなたのユーザー名）\AppData\Roaming\Mozilla\Firefox\Profiles\（プロファイル名）\chrome
のフォルダに入っています。

userChrome.cssに追記

下記のように

box.scrollbox-clip[orient="horizontal"],#PlacesToolbarItems { contain: unset !important; }

を追記します。

保存してFirefoxを再起動すれば、表示が元に戻るはずです。
※Firefox108になったらこの追記を削除してください。