Why has FF 131.0 broken multi rows again!!!.

[Potnoodleman]

Why has FF 131.0 broken multi rows again!!!...stop breaking Multi row or implement it into the browser.

Every update seems to break multi rows.  Please stop doing this will you or implement it in the browser.

[tajkkj]

I have the same complaint. FF, either stop breaking one of the best reasons I use FF, or build this feature into the product!

[Ulv]

Build it into the browser! It is inbelievable it is still not integrated yet!

[___]

Same here.

Honestly, the ability to get multi-rows is a key reason that I am loyal to Firefox, and they are working really hard on getting me to move to a different browser. Add it as a first-class feature!

[spix]

Hi,

exactly, i use FF mostly of this feature, but there are some others too like customizing colors etc, and also not that big friend of chrome, but i have a feeling that the current devs of FF are really young guys they dont know about Netscape, and im afraid if they works against users they will end like Netscape.

[Agentvirtuel]

Hello

Maybe? if you wish to to test Tab Mix Plus https://github.com/onemen/TabMixPlus

https://onemen.github.io/tabmixplus-docs/help/display-tab-bar

[Ulv]

But is it safe?

[jdow]

Probably not. Many of the prerequisite links will not traverse properly. There is a certificate issue.

{^_^}

[replete]

Okay slight over-reactions here guys, its a CSS snippet hack. UI changes. I've fixed it in 5 minutes by adding `flex-wrap: wrap`:

You can see what I changed in the latest commit at https://github.com/replete/firefox-userchrome
```
scrollbox[part][orient="horizontal"]{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc((var(--tab-min-height) * var(--tab-block-margin,0px)) * var(--multirow-n-rows));
    scrollbar-color: currentColor transparent;
    scrollbar-width: none;
    scrollbar-gutter: stable;
    scroll-snap-type: y mandatory;

       /* This selector is the fix: (copy this part into the relevant place in your own userChrome.css) */
       > * {
          flex-wrap: wrap;
       }
}
```

[Ulv]

Nice, but unfortunately not working with FF 131. I had this line already in the old userChrome.css and it stopped working. So just "flex-wrap: wrap;" won't do the job!

[replete]

Definitely working here with whatever version of multi tabs I put in my repo. Depends what snippet you are using I guess.

 

[tajkkj]

Bingo! The flex-wrap: wrap; change worked for  me after I deleted an extra close brace "}" that had been lying around since 2020, I think. Anyway, I now have my multiple rows back. Thank you very much replete.

[___]

If you are a firefox-UI-CSS expert - perhaps.

For the other 99.999% or users and 99.9% of power-users - not at all. 🙂

[Ulv]

I am fed up with this too! How stupid must one be to design this endless one-row-**bleep**?! I want my multirows back!

[replete]

It's literally a one line CSS fix, the CSS multi tabs you have has nothing to do with Mozilla

[Ulv]

No, it is no use inserting this line unfortunately.This may have helped in older versions of FF as I find this line even in my old userChrome.css from 11/2022 (!).It did work until the Update to FF 131.

Now multirow is broken - no matter if i use your script with all the 9 files or my own ccs-file from 2022.

[replete]

I just realized my git push to https://github.com/replete/firefox-userchrome failed, so the fix wasn't in the repository until just now. The fix has now been pushed and I've pulled to my Windows machine and confirmed the fix has resolved the broken multi-row tabs on Firefox 131.

Effectively though, if we're using the same version of multi-row tabs, adding this would fix it:

scrollbox[part][orient="horizontal"] > * { flex-wrap: wrap; }

[Ulv]

Many thanks, Mr. replete :-).

Aktually I can confirm it is working now! Multirow is on air again.

May God be with you!

P.S.:

I did not get that

"> * {
flex-wrap:wrap;
/* Fix for Firefox 131 */
}"

was not the same as the already existing line " flex-wrap: wrap;"

[Potnoodleman · Accepted solution]

I use this but I don't want to keep relying on it just in case the guy who makes it, doesn't update it one day.....still annoying though
https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/releases

[sig]

I use https://github.com/MrOtherGuy/firefox-csshacks, I've got that cloned to my chrome directory, so I only needed to `git pull` and it started working again 😉

[___]

I use https://github.com/Aris-t2/CustomCSSforFx .  It's a great repo, but because it has so many things it can do, and because multi-row-tabs are supported well, but are turned off by default, I only pull it when Mozilla breaks me, which is regular, but infrequent. So every time it happens I have to waste an hour trying to remember what I customized, and how to apply it to the changed repo to restore roughly the previous I state had.

Mozilla, you guys are claiming to listen to your customers and to try to offer differentiating features. Make multirow-tabs a first class citizen!

[___]

Here is a pre-configured set of settings for Aris-t2's CSS mod:
https://github.com/macrogreg/CustomCSSforFx/pull/1

It sets up multi-row tabs with fixed with. See screenshot on the linked page.