Mozilla Firefox 多段タブスレ Part.3

2024/03/17(日) 20:10:50.29

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part394
https://egg.5ch.net/test/read.cgi/software/1706083488/

Firefox userChrome.js greasemonkeyスクリプトｽﾚ44
https://egg.5ch.net/test/read.cgi/software/1710342779/

userChrome.css・userContent.cssスレ Part14
https://egg.5ch.net/test/read.cgi/software/1710362871/

Mozilla Firefox 拡張機能スレッド Part124
https://egg.5ch.net/test/read.cgi/software/1710343056/

前スレ
Mozilla Firefox 多段タブスレ Part.2
https://egg.5ch.net/test/read.cgi/software/1700919385/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2025/06/25(水) 08:27:46.98

Version 140.0
New
垂直タブ：重要なウィンドウにすばやくアクセスできるように、ピン留めしたタブの数を増やしたり、
減らしたりできるようになりました。仕切りをドラッグするだけで、ピン留めしたタブのセクションのサイズを変更できます。

カスタム検索エンジン： Firefoxはさらに多くの検索エンジンを追加できるようになりました。
カスタム検索エンジンを追加するには、サポートされているウェブサイトの検索フィールドを右クリックして「検索エンジンを追加」を選択するか、
「設定」>「検索」>「追加」（検索ショートカットテーブルの下）で検索URLを手動で入力します。

Firefox拡張機能：拡張機能のショートカットを削除するオプションでツールバーをカスタマイズし、
ブラウザをよりコントロールできるようになります。ボタンを非表示にしても、Firefoxメニューの拡張機能メニューをクリックすれば、
いつでも拡張機能パネルにアクセスできます。

タブ（または選択した複数のタブ）を右クリックし、「タブのアンロード」を選択することで、タブをアンロードできるようになりました。
これにより、Firefox のメモリと CPU の使用量を削減し、パフォーマンスを高速化できます。

全ページ翻訳では、現在のビューに近いコンテンツのみを優先的に翻訳するようになり、速度と応答性が向上しました。
ビュー外のコンテンツは、スクロールしない限りスキップされるため、不要なリソースの使用が抑えられます。

Firefoxのアラビア語ビルドには、Firefoxスペルチェッカー用のアラビア語辞書が内蔵されています。
イタリア、ポーランド、オーストリアのユーザーに対して、住所の自動入力が可能になりました。

Fixed Various security fixes.

Changed
ポケットのツールバーアイコンとニュータブ上のポケットの統合は、サービス停止のアナウンスにより削除されました。

2025/06/26(木) 21:22:32.56

140.0 64bit 大丈夫に思える。

2025/06/27(金) 01:19:02.22

140.0.1 64bit
やっぱりタブ移動で1番後ろに持っていくと1つ手前になっちゃう
直し方ある？

2025/06/28(土) 01:26:18.61

>>771
同じ事象が発生
トラブルシューティングモードで起動したらちゃんとタブ移動出来るから、色々やっているけど時間かかりそう
なんかちょっとした事だと思うんだけど

2025/06/28(土) 03:18:31.46

>>771
Move Tab Hotkeysで強引に1番後ろに持っていく方法はどう？
ショートカットキーも使える

**名無しさん＠お腹いっぱい。** (JP 0H4b-cVjo) · 2025/06/28(土) 06:31:57.40

>>772
多段タブ 138+ の MultiRowTabLiteforFx.uc.js の下記部分をコメントアウトするとタブのドラッグ移動は正常になるみたい
でもどう修正すればいいのかはわかんない(*

**名無しさん＠お腹いっぱい。** (JP 0H4b-cVjo) · 2025/06/28(土) 06:32:58.65

>>774
書込み消えちゃった・・・

if (selectedTabs[selectedTabs.length - 1] == null){
newIndex = lastKnownIndex;
} else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 1)
newIndex--;
else if (newIndex >= selectedTabs[0]._tPos)
newIndex = -1;

2025/06/28(土) 07:15:18.55

タブ移動は最後というか縦（段が変わる）移動すると指定した位置の一つ前になっちゃう
775をやってみたけど今のトコ良さげ

2025/06/28(土) 09:09:17.84

140.0.2 64bit　ｵｹ

**名無しさん＠お腹いっぱい。** (JP 0H4b-cVjo) · 2025/06/28(土) 10:53:23.95

>>775
構文的にはコメントアウトするよりも
} else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 1)
を _tPos + 2
} else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 2)
にするほうがましかもしれない。わかんないけど

**名無しさん＠お腹いっぱい。** (JP 0H4b-cVjo) · 2025/06/28(土) 12:08:34.09

>>778
+ 2 くらいじゃ、あまり変化なかった。+ 10 とか + 100 とかにしないと駄目だった。
ごめん

2025/06/28(土) 16:09:35.97

>>779
乙です
色々やったけど、ギブアップ
開いているタブの数・・・・？結局コメントアウトしました

2025/06/29(日) 15:41:24.08

これコメントアウトってのは該当部分を削除すればいいんですか？

2025/06/29(日) 18:15:06.64

>>780
乙乙です
SHIFTキーやCTRLキーで一度に複数のタブを選択して移動させた場合の処理を調整してるみたい
FireFoxの仕様が変更されてなくてもよくなったのかな
以前のFireFoxと多段タブで挙動の違いを検証するのがいいんだけど、他の方に任せます

>>781
削除でもok
コメントアウトは
if (selectedTabs[selectedTabs.length - 1] == null){
newIndex = lastKnownIndex;
} // else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 1)
// newIndex--;
// else if (newIndex >= selectedTabs[0]._tPos)
// newIndex = -1;
のように // スラッシュスラッシュ半角スペースを追加すると、それ以降の行は実行されない

if (selectedTabs[selectedTabs.length - 1] == null){
newIndex = lastKnownIndex;
} /* else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 1)
newIndex--;
else if (newIndex >= selectedTabs[0]._tPos)
newIndex = -1; */
のように /* */ で囲んだ範囲は実行されなくなる、みたいなかんじ

2025/06/30(月) 15:46:16.58

>>782
丁寧にありがとうございます

削除で問題なくタブ移動出来るようになりました

2025/07/01(火) 17:38:45.54

すみません、以下のURLにて以前公開されていた115esr用の「多段タブ.zip」を所持している方はいらっしゃいませんか？
https://u6.getuploader.com/script/download/2141

2年前のバージョンであるせいか、WebArchiveでは公開を確認できたものの、現時点で非公開になっているようで…。
せめて製作者の方(おそらく毎バージョン同じ方だとは思いますが)さえ分かれば再アップロード等の依頼もできるのですが…。
https://web.archive.org/web/20231204191229/https://u6.getuploader.com/script/download/2141

**名無しさん＠お腹いっぱい。** · 2025/07/01(火) 18:17:43.64

２０２３／０２／０７にダウンロードしたやつしかなかった。

2025/07/02(水) 14:30:36.66

これか
多段タブFirefox115esr.zip

2025/07/03(木) 18:30:11.87

度々申し訳ないです、>>784を投稿した者です。

どうやら前述のアップローダーの大本であるGitHubの更新履歴から、過去分の各ファイルを落として適宜入れ替えてみたところ、
多少の試行錯誤の後、何とか無事に115esr版に適用できたため、自己解決に至りました。

お騒がせしました。

2025/07/10(木) 17:46:59.93

なんかyoutube再生するタブだけ幅が縮まる
なんか変わったか、おま環か？

2025/07/10(木) 18:32:28.23

タブの高さを戻したら直った
低すぎると崩れるようだ

2025/07/11(金) 17:47:13.32

ChatGPTのOpenAI製ブラウザまもなく登場、Google Safari Firefoxがやばい

2025/07/15(火) 21:15:23.90

メディアタブの再生マークアイコンやスピーカーアイコン
以前はファビコンの位置に出てたけど138？くらいからファビコンの横に表示されるようになって
アイコン分タブ幅が広がるからレイアウトがくずれる

2025/07/16(水) 23:41:31.82

138.0.3から140.0.4 64bitにしたらタブの移動が出来なくなって
>>775のみて書き換えしたらタブ移動は出来る様になったけどタブの縦幅が大きくなって
タブのドラッグ移動してる時は元々の縦幅になるけどドラッグ移動してる時の縦幅にするのは何処イジればいいのだろうか

**792** (ﾜｯﾁｮｲ f17e-vsEz) · 2025/07/17(木) 23:03:16.70

スマソ
自分の環境では>>775のでは多段タブが出来なくなってた
でも138+のでタブ移動は出来るけど右にタブ移動させる時は2つ分ドラッグ移動させて1つ移動出来る感じになった
逆は無問題
これでも運用出来るので様子見しまつ

2025/07/17(木) 23:08:08.23

userChrome.cssの多段タブのところに/* Test for Firefox > 66 */って記述があるやつなら
そこ以下を削除すれば行けないかね

2025/07/18(金) 22:29:39.17

そこにはその記述はないけど多段ブックマークツールバー化してるからそれが関係してるのかも
多段ブックマークの方もドラッグ移動は出来るけどターゲット先に多段タブ同様に青い縦線のカーソル出るけど一番上段のみの稼働で
2段目以降のブックマークを移動させたい時も上段のみカーソル出てきて意味無いから目測でやってる

**Merci chao** (JP 0H0b-Bd2j) · 2025/07/21(月) 18:26:48.85

Multi Tab Rows（多段タプ）3.0

スクリーンショット：
https://raw.githubusercontent.com/Merci-chao/userChrome.js/refs/heads/main/screenshots/scrolling.png

紹介やダウンロード（英語）：
https://github.com/Merci-chao/userChrome.js/tree/main#multi-tab-rows

注目ポイント：
＊タブグループのサポート：タブグループに完全対応し、よりスムーズな操作のために動作を細かく調整します。
＊タブアニメーションの強化：さまざまなタブ操作に対して、滑らかな遷移アニメーションを追加します。
＊スペース利用の最適化：ウィンドウのコントロールボタン下など、利用可能なUI領域を最大限に活用します。
＊スムーズなタブドラッグアニメーション：複数行モードでもアニメーション付きでタブのドラッグが可能です。
＊ピン留めされたタブのグリッドレイアウト：タブバーがスクロールされる際、ピン留めされたタブはコンパクトなグリッドとして固定表示され、大量のピン留めタブ管理に最適です。
＊Firefoxと自然に統合：まるでネイティブ機能のように、Firefoxの動作と完全に連携しながら複数行タブをサポートします。

（日本人じゃないですので、以上はAIで翻訳しました。）

**名無しさん＠お腹いっぱい。** · 2025/07/22(火) 08:29:11.78

インストール方法すら、全く分からん…

**Merci chao** (JP 0H0b-Bd2j) · 2025/07/22(火) 10:23:16.27

このファイルを：
https://github.com/Merci-chao/userChrome.js/blob/main/MultiTabRows%40Merci.chao.uc.js

chrome フォルダーに配置して、完了
他のスクリプトと全く同じインストール方

オンライン翻訳サービスやAIがいっぱいあるので、英語紹介ページでも簡単なことさ

**Merci chao** (JP 0H0b-Bd2j) · 2025/07/22(火) 10:33:46.40

まぁ、無料シェアなものなので、ゴリ押しはしません
また一択を教えたいだけです
使うかどうかはご自由にどうぞ

**Merci chao** (JP 0H0b-Bd2j) · 2025/07/22(火) 10:46:02.77

ファイルの直接ダンロードはこっち：
https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js

他の多段タプやTab Mix Plusとの互換性がないのでご注意

**Merci chao** (JP 0H0b-Bd2j) · 2025/07/22(火) 10:54:46.64

一択 <- もう一つの選択
クソ日本語でごめん

2025/07/22(火) 23:11:44.68

141.0にしたけどピン留めしたタブがあると変になるな

2025/07/23(水) 00:11:16.13

タブグループ使うと関係ないタブの移動がおかしくなるのつらたん

2025/07/23(水) 03:07:03.72

FF141.0でロダの多段タブ
MultiRowTabLiteforFx.uc.js （2025/06/30 16:58:41)
ですが、２段め以降のタブの左のパディングだがマージンがかなり広くなってしまいます。
つまり１段目と２段め以降の左端が揃わない感じです。

**804** (ﾜｯﾁｮｲ 47e4-k2hJ) · 2025/07/23(水) 03:16:12.62

ちなみに普段開けているタブ（１段め左端）の３～４つはピン留めしています。

2025/07/23(水) 08:58:52.74

タブのピン留めを全解除してタブの横幅の最小値を25に前まではピン留めしていなかったタブまで隙間を埋めるように新しいタブで埋め尽くす横幅の25は人によって違うと思うので絶対では無いです

これで一応見た目だけはピン留めしてるような感じにはなったけど当然使い勝手は色々悪いです

誰か偉い人の修正を気長に待たなきゃ

2025/07/23(水) 11:00:56.56

カスタマイズの邪魔でしかないから更新は切ってる

2025/07/23(水) 15:36:59.13

昔みたいにマージンきっちりとかタブ移動で何の問題もないとかは無理になりつつあるのか・・・・・
こゅちがわが右往左往させレめんどくさくなったもんだ

2025/07/23(水) 17:18:31.74

タブ移動も更におかしな挙動になったな

**名無しさん＠お腹いっぱい。** (JP 0H0b-C9u2) · 2025/07/23(水) 19:06:20.44

>>796
ヤバ、これすごい！
ほんとに助かった、あざす

**名無しさん＠お腹いっぱい。** · 2025/07/23(水) 20:14:36.47

>>810
chrome に入れるだけで、後は何もしなくていいの？

**名無しさん＠お腹いっぱい。** (JP 0H0b-C9u2) · 2025/07/23(水) 21:01:22.05

>>811
MultiRowTabLiteforFx.uc.js を MultiTabRows@Merci.chao.uc.js に置き換えて、Firefoxを再起動するだけでOK

**名無しさん＠お腹いっぱい。** · 2025/07/23(水) 21:37:47.31

表示されるタブは４段なのに、タブ部分の高さが８段分になってしまった…
下４段分は、空白…

2025/07/23(水) 21:50:32.64

草

2025/07/24(木) 05:25:33.85

MultiTabRows@Merci.chao.uc.js
114行目で段数替えられる

**名無しさん＠お腹いっぱい。** (JP 0H0b-k2hJ) · 2025/07/24(木) 10:54:51.15

>>815
about:config で userChromeJS.multiTabRows@Merci.chao を検索して、maxTabRows をいじれば段数変えられる
設定系は↓にまとまってる：
https://github.com/Merci-chao/userChrome.js?tab=readme-ov-file#settings

タブまわりの userChrome.css 設定は不具合出る可能性けっこう高いから気をつけたほうがいいぞ

**名無しさん＠お腹いっぱい。** · 2025/07/24(木) 13:59:44.20

タブ表示部分領域の高さは何処で変更するの？

2025/07/24(木) 18:14:45.86

>>816
色々できるのね　ありがとう

**804** (ﾜｯﾁｮｲ 471b-k2hJ) · 2025/07/25(金) 02:11:01.83

ピン留めのあり・なし、でこんな感じです

ttps://blog-imgs-162.fc2.com/v/e/r/verynuts/FF141-MultiRowTabLiteforFx.jpg

2025/07/25(金) 02:20:26.87

わははは

2025/07/25(金) 14:51:22.50

半年前にもこう言う風になったな
昔と違って色々いじってどうにかしたけどホント手間かかる

**804** (ﾜｯﾁｮｲ 477f-k2hJ) · 2025/07/25(金) 15:41:57.98

これでも使えないことはないとは思ったものの、PC PLAZAさんのMultiRowTabLiteforFx.uc.js
入れてCSSを数箇所弄ってピンありでも大丈夫なようにはなりました

ただ、ロダのがフィクスされたら入れ替える予定だけど

2025/07/25(金) 22:13:14.30

ピン留めありの2段目以降の無駄スペースは直せたけどタブ間の間隔の広さが直せん
どこいじればいいのよ

**823** (ﾜｯﾁｮｲ df31-k2hJ) · 2025/07/25(金) 22:20:12.36

なおったー
https://tadaup.jp/7BJ2dkpZi.png

2025/07/26(土) 07:34:43.83

段々タブからサイドバー表示にして暮してるけど・・・・慣れてきた

2025/07/26(土) 10:44:23.61

MultiRowTabLiteforFxってもともとはAliceさんが作ってたみたいね
でも10年近く前にやめてるのか・・・

2025/07/27(日) 23:23:08.69

おそらく多段タブよりサイドバーのツリータブ系の拡張のほうがポピュラーなのかもね
自分も多段があれ？という時の為にSideberyを一応入れてるし（無効状態
何も入れずツーツバーのタブ一覧やタブグループで、という人も多いかもしれないけどどうなのかな

2025/07/29(火) 08:59:18.24

userchrome.cssを編集しようとしたらファイルが開けなくなってしまいました
userchrome.jsも
5月に触った時は問題なかったのですが
どなたかお助けいただけませんか？

2025/07/29(火) 11:28:18.37

以前タブ間の間に擬似的にスペースを入れてましたがCSSの仕様変更に影響を受けにくいように区切り線を入れるように変更してみました。
背景色でタブを削るより見栄えが若干ですが良くなると思います。

/* UI密度コンパクト用タブ間に区切り線を入れる */
/* タブの右端に縦の区切り線を追加（最後のタブには表示しない） */
.tab-background:not(:last-child)::after {
content: ''; /* 視覚的な線を描くための空要素 */
position: absolute; /* 親要素 .tab-background を基準に絶対位置指定 */
top: 0; /* 上端から開始 */
right: 0; /* 右端に配置（区切り線の位置） */
width: 1px; /* 線の太さ：1px */
height: 100%; /* タブの高さ全体に伸ばす */
background-color: #d2d2d2; /* 区切り線の色（タブバーと同色推奨） */
}

/* 多段タブ用タブの下に区切り線を入れる */
/* タブの下端に横の区切り線を追加（すべてのタブに適用） */
.tab-background::before {
content: ''; /* 視覚的な線を描くための空要素 */
position: absolute; /* 親要素 .tab-background を基準に絶対位置指定 */
bottom: 0; /* 下端に配置（横線の位置） */
left: 0; /* 左端から開始 */
width: 100%; /* タブの幅全体に線を伸ばす */
height: 1px; /* 線の太さ：1px */
background-color: #d2d2d2; /* 区切り線の色（タブバーと同色推奨） */
}

/* 区切り線を正しく描画するため、タブ背景に相対位置を指定 */
.tab-background {
position: relative; /* ::before / ::after の絶対位置指定の基準にする */
}

2025/07/29(火) 12:35:26.79

ホバー時に下段と区切れなかったので一部修正しました。

/* 多段タブ用：下端に区切り線を追加する */
/* 各タブの下端に1pxの区切り線を描画する */
.tabbrowser-tab::after {
content: ''; /* 線を描画するための空要素 */
position: absolute; /* タブ要素を基準に絶対位置指定 */
bottom: 0; /* 線の位置をタブの下端に固定 */
left: 0; /* 線の開始位置を左端に設定 */
width: 100%; /* 線の長さをタブの横幅に合わせる */
height: 1px; /* 線の太さ：1px */
background-color: #d2d2d2; /* 線の色（タブバーと同色推奨） */
pointer-events: none; /* クリックなどの操作に干渉しないよう無効化 */
}

2025/07/29(火) 15:07:01.76

MultiRowTabLiteforFx.uc.jsで変更したくない人向けCSS

/* === タブの高さを変更 === */

/* デフォルト29px コンパクト */
:root[uidensity="compact"] #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 25px!important;
}
/* デフォルト36px 通常 */
:root[uidensity="normal"] #TabsToolbar:not([collapsed="true"]),
:root:not([uidensity]) #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 36px!important;
}
/* デフォルト41px タッチ */
:root[uidensity="touch"] #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 41px!important;
}

**Merci chao** (JP 0He7-/90x) · 2025/07/30(水) 16:57:41.66

MultiTabRows@Merci.chao.uc.js の日本語版紹介パージは開設しました：
https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md

2025/07/31(木) 17:12:37.65

MultiRowTabLiteforFx.uc.jsが終焉ぽいのでtrue/falseの設定CSSに置き換えたわ
ついでにコンパクトUIから通常密度に変えてCSSでコンパクト化+多段タブにやっと融合できた
そろそろMultiTabRows@Merci.chao.uc.jsへ移行するかな

2025/07/31(木) 20:24:01.93

MultiTabRows@Merci.chao.uc.jsのタブの最下段って
CSSでタブの幅を短く出来ないのかな？Floorpと一緒で妙に長いんだよね
揃ってないのが気になって移行しづらい

2025/08/01(金) 07:27:28.21

確かに MultiTabRows@Merci.chao.uc.js は about:configやuser.js の browser.tabs.tabMinWidth
でタブ幅指定しても最下段はその値にならないね
なので自分はgithubの
Quantum-Nox-Firefox-Dark-Full-Theme/Multirow and other functions/Multirow tabs/
の MultiRowTabLiteforFx.uc.js を今は使っている

2025/08/01(金) 09:00:10.14

MultiRowTabLiteforFx.uc.js 141+暫定版が1番良さそう

MultiTabRows@Merci.chao.uc.jsの以降止めた
CSSが言うこと聞かないとこ多くてしんどい
タブ周りのスタイルが複雑に多段に絡んでるから自由度がない

2025/08/01(金) 14:11:33.79

>>836
MultiRowTabLiteforFx.uc.js 141+暫定版ってアメブロから以降した人の？

2025/08/01(金) 14:43:25.76

>>837
そうです

2025/08/01(金) 16:14:42.39

ダウンローダーしか信じない
来るまで更新しない

**Merci chao** (JP 0He7-+9KN) · 2025/08/01(金) 21:13:17.41

>>835
MultiTabRows@Merci.chao.uc.js は近日中に最大幅設定と、ほかの新機能新機能dvii ibpp が追加される予定です。どうぞご期待ください。

>>836
もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。

タブのサイズや間隔を制御するためのいくつかのパラメータを、下の「高度な調整」セクションに列挙しています：
https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md#高度な調整

**Merci chao** (JP 0He7-+9KN) · 2025/08/01(金) 21:16:00.80

「タブの最大幅設定と、ほかの新機能が追加される予定です」でした m(_ _)m

**名無しさん＠お腹いっぱい。** · 2025/08/02(土) 07:36:14.61

>>840
> もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。
>>813 を…

2025/08/02(土) 12:56:40.06

>>840 ありがとう　なんとか綺麗に出来た
なんか色々干渉しまくってた
サイズ調整してるCSS全部捨ててから導入するのが良きです

MultiTabRows@Merci.chao.uc
https://tadaup.jp/8w6slda0D.jpg

/* ピン留めタブの右側の余白 */
.tabbrowser-tab[pinned] {
margin-right: 0px !important;
}

気づいたけどタブ移動のバグがないね
移動中のインジケーターが表示されないけど

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 12:57:36.87

>>842
chrome フォルダー内の他の .css および .js ファイルをすべて一時的に移動し、Firefox を再起動して問題が解消されるか確認してください

もし解消された場合は、該当する CSSルールやスクリプトを削除してください

CSS でタブの最小幅を変更している場合は、代わりに about:config の browser.tabs.tabMinWidth を使用してください

ダメだったら、スクショ付きで俺のGitHubに報告してね：
https://github.com/Merci-chao/userChrome.js/issues/new

詳しく書いてもらわないと、対応できませんよ

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 13:18:35.44

>>843

ピン留めタブの右側の余白については、about:config で「userChromeJS.multiTabRows@Merci.chao.gapAfterPinned」を検索し、0 に設定してみてください

この余白は設計上の意図された挙動なので、こちらの設定で調整するのが無難です

開発者としては、userChrome.css の予測不能な魔改造にはちょっと大変ですね。。。

userChrome.css との衝突による不具合等、ご迷惑をおかけしてしまったら申し訳ありません m(_ _)m

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 13:36:25.36

>>843
> 移動中のインジケーターが表示されないけど

そのインジケーターは、元々「存在しない」ものです。本来の Firefox では、タブをドラッグするとカーソルに追従して移動します。

インジケーターは、別ウィンドウへの移動や、Ctrlキーを押しながらタブを複製する操作時にのみ表示されるものです。

今までの多段スクリプトや Tab Mix Plus さえ、多段モードで本格のドラッグ＆ドロップは実装できないので、仕方なくインジケーターを表示になっています。

2025/08/02(土) 13:36:44.58

>>845
ありがとう
タブの右側の余白だけ何で記載がなかったのか気になってたけどそういうことなのですね
about:configで0設定しました。問題無く余白が消えました。

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 13:44:41.28

>>843

「追従しなく、インジケーターが表示して移動」のオプション機能が、次の次のバージョンで追加される予定です（別の原因で追加するのですが）

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 13:49:41.02

>>847

設定がますます増えてきたので、設定リストはちょっと乱雑になっちゃってごめんね (〃´-`〃)

2025/08/02(土) 18:17:03.31

>>849
タブ間の垂直間隔でアクティブタブ(ピン留め含む)が効いていません
仕様なのかわかりませんが対応できたらお願いします。

tabbrowser-tabs {
--tab-block-margin: 1px;
}

2025/08/02(土) 18:53:23.92

すみませんbox-shadowで対応しました

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #94a3b3 !important;
box-shadow: 0 1px 0 #94a3b3 inset !important;
}

2025/08/02(土) 19:16:29.72

MultiTabRows@Merci.chao.uc
バーの順番を入れ替えている場合
タブを削除していくとタブの無いタブバーが1段残ったままになります。
https://tadaup.jp/8GavZ6SpM.png

#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#TabsToolbar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 21:29:34.81

>>850
#tabbrowser-tabs ですね
最初のハッシュコードが抜けてるせいかも

>>852
userChrome.css をメールで送っていただければ、こちらで確認できますので、よろしくお願いします
mercichao@gmail.com

github でもオッケーです
https://github.com/Merci-chao/userChrome.js/issues/new

**名無しさん＠お腹いっぱい。** · 2025/08/02(土) 22:36:03.38

これ、タブの幅を少し広げるには、何処を変更すればいいですか？
段数は３段がよかったので「maxTabRows: 3,」にしたのですが、
幅の変更がよく分からない…(汗)

**名無しさん＠お腹いっぱい。** · 2025/08/02(土) 22:42:32.80

>>854
あ、解決しました。
browser.tabs.tabMinWidth を書き換えたら、リアルタイムで変化して、
適切な幅が分かり易くていいですね。

**Merci chao** (JP 0He7-+9KN) · 2025/08/02(土) 22:46:24.70

>>852

バージョン 3.1 が公開されました：
https://github.com/Merci-chao/userChrome.js/raw/refs/heads/main/MultiTabRows@Merci.chao.uc.js

Firefox を次回起動したときに、アップデート通知が表示されるかもしれません（※通知機能を無効にしていない場合）
今のところ通知は英語ですが、日本語メッセージは v3.1 に含まれています

変更履歴：
- 追加 autoCollapse と関連オプション: ホバーしていないときにタブを1行に折りたたむ。Firefox 115 では layout.css.has-selector.enabled を有効にする必要があります。（実験的）
- 追加 tabsAtBottom：タブバーを下部に配置（1: ナビゲーションツールバーの下、2: ブックマークツールバーの下）。Firefox 115 では未対応。
- 追加 hideDragPreview：タブやグループをドラッグ中にプレビューを非表示。値の例：0（常に表示）、1（グループのみ）、2（タブのみ）、3（両方）。
- 追加 animationDuration：アニメーションの長さ（ミリ秒、0～1000）。※長すぎるとパフォーマンスに影響します。
- 追加 tabMaxWidth：タブの最大幅を指定。最小幅は browser.tabs.tabMinWidth を使ってください。
- 追加 hideScrollButtonsWhenDragging：ドラッグ時にスクロールボタンを非表示にする設定。
- タブグループからタブ全体をドラッグする際、ドロップするまではグループを維持。
- Firefox 142 に対応。
- タブを上下端にドラッグしてスクロールする際の不具合を修正。
- compactControlButtons は Windows 11 では常に利用可能。
- 一部テーマでの表示崩れを修正。
- その他、軽微なバグ修正。

新しく追加された tabsAtBottom オプションで、タブバーの表示順を変更できるようになりました
userChrome.css に関連する設定を使っている場合は、一度削除して、問題が解消するか確認してみてください

それと、タイトルバーを使っているようですね。もしよければ、以前のレガシー拡張をベースにした別スクリプト「Page Title in URL Bar」も試してみてください：
https://github.com/Merci-chao/userChrome.js#page-title-in-url-bar

ページタイトルと URL の両方がアドレスバーに表示されます

このような感じになります：
https://tadaup.jp/8ZagrtnP3.png

2025/08/02(土) 22:47:52.85

>>853 ありがとうございます

原因違ったようです
ツールバーの順番は関係なかったです

原因はこれでした--tab-min-height: 25px;
デフォルトの36pxだと問題無く消えます。
Firefoxの密度設定は通常に設定しています

#tabbrowser-tabs {
/* タブのコンテンツの高さ：
* コンパクト-29px、通常-36px、タッチ-41px；
* 24px 未満には設定しないこと。また、ピクセル単位の整数値を使うことで表示の不具合を防ぎます。*/
--tab-min-height: 25px;
}

一応CSS送りました。見ていただけると助かります。

2025/08/02(土) 23:51:14.11

もしかしたら1段目のタブバー自体の高さが残ってるのかも
タブがある状態で導入したから気づかなかったけど

でも#tabbrowser-tabsで高さを変更すればバーもタブも高さは変わるはずでは？

**Merci chao** (JP 0Hf3-pNjB) · 2025/08/03(日) 00:55:24.31

>>858

userChrome_Tab.css にタブの幅を設定していたルール：

/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値デフォルト 76px */
max-width: 165px !important; /* 最大値デフォルト 225px */
}

これらは上記の新バーションの設定「userChromeJS.multiTabRows@Merci.chao.tabMaxWidth」と「browser.tabs.tabMinWidth」で指定してください

ざっと見れば、これは一番怪しいです
あとでちゃんと調べてみるね

そして、userChrome_Toolbar.css にあるこれらの記述を削除し、新しい設定「userChromeJS.multiTabRows@Merci.chao.tabsAtBottom」を 1 に変更してね

#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#TabsToolbar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */

2025/08/03(日) 02:55:16.44

>>859 ありがとうございます

これだけ残して検証しました

#tabbrowser-tabs {
--tab-min-height: 25px;
}

タブの高さは変わるけど1段目のタブバーの高さが固定されたままになりませんか？

2025/08/03(日) 05:23:16.31

この手のものは急いで導入しないで修正されるまで待たんと時間ばかり持ってかれるが
飛びつきさんがいるおかげで修正が早まることになるから飛びつきさんはありがたいと思うことにしてる

2025/08/03(日) 07:01:42.81

AIに見てもらったらどうやら
MultiTabRows@Merci.chao.uc.jsとMultiRowTabLiteforFx.uc.jsは折返しの仕様が違うことが原因ぽい

MultiTabRows@Merci.chao.uc.jsは見た目は折り返してるけど、タブバーの高さは固定されたままなので整合性が取れない
MultiRowTabLiteforFx.uc.jsはタブが多段になるとタブバーの高さも動的に変わるので整合性が高い
と言われた。修正可能か聞いたけど駄目っぽい

よくわからんけどMultiRowTabLiteforFx.uc.jsは2段目以降のバーは、実は1段目のバーの高さが折り返し分伸るだけで別に段数が増えるわけではない？
MultiTabRows@Merci.chao.uc.jsはタブ自体は折り返しているがバーが固定さてたまま折り返しの分伸びないってことっぽい？
なのでデフォルトの高さより低くすると1段しか無い時にタブだけ低くなってデフォルト分のバーの高さが残る
で、この残ってるのが2段めが消えないように見えると⋯

2025/08/03(日) 08:03:10.52

やっと出来たー
なんとかタブバーの高さを段数に応じて折り返し可能にしてみたけど一時的な回避策です
環境次第ではおかしくなるかもです
水平間隔、垂直間隔は1px, タブのコンテンツの高さ25px用です。

/* 暫定折り返し対応策 */

#tabbrowser-tabs {
display: flex !important; /* 横並び＋折り返し */
flex-wrap: wrap !important; /* 複数行に対応 */
height: auto !important;
min-height: var(--tab-min-height) !important;
--tab-overflow-clip-margin: 1px;
--tab-inline-padding: 1px;
--tab-min-height: 25px;
--tab-block-margin: 1px;
}

js内でなんとかしてほしい

2025/08/03(日) 08:35:47.78

MultiRowTabLiteforFx.uc.js　を編集しようとしたら，
「～というファイルを開けません
読み込みアクセス権がありません」と出るようになってしまった。

解決方法を教えてください。

2025/08/03(日) 10:16:41.76

まずはAIに聞こう

2025/08/03(日) 10:35:27.56

>>864
エスパーだけど、最近の関連スレでの類似書き込みを見るにESETあたり使ってるんじゃねーの

2025/08/03(日) 10:48:10.10

>>866
ESETが原因でした。
ありがとうございました。
いくつかの設定をOFFにしていったけど，あっちをOFFにして，あっちをONにして…とやってたら，どの設定が原因かわからなくなった…

**Merci chao** (JP 0Hf3-pNjB) · 2025/08/03(日) 11:32:25.02

>>860
やっと原因が分かりました

これって、前に話してた件ですよね？
https://tadaup.jp/8XlEaof47.jpg

原因は、Firefoxの組み込みスタイルルールにより、`#tabbrowser-tabs` に `min-height` が適用されており、そのルールでは `--tab-min-height` という変数に 36px が設定されているためです：
https://tadaup.jp/8U6GzQ123.jpg

一方で、`userChrome_Tab.css` では 25px に設定していて、上書きもされていないのに…
https://tadaup.jp/8UDMGrWiu.jpg

実は、`--tabstrip-min-height` が `:root` で定義、計算されているせいでした：
https://tadaup.jp/8d3nuUOV2.jpg

なので、`:root` に `--tab-min-height` を指定してあげることで、`--tabstrip-min-height` にも反映されるようになります：
https://tadaup.jp/8xpaj40yM.jpg

Firefoxの組み込みスタイルの方が優先度が高いみたいなので、`!important` を付けるのは必要そうです

これで余白もちゃんと消えました：
https://tadaup.jp/8IyuEWHMK.jpg

`--tab-min-height` の挙動をちゃんと確認してなかったのは自分のミスでした…。

あと、`userChrome_Tab.css` にある `min-width` や `max-width` の指定も忘れずに削除してくださいね

タブが動いたりアニメーションする時に、わずかに揺れるような現象があります。これは、`--tab-min-height` を 25px に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。