Close tab button disappears from inactive tabs with 8 or more open tabs
Before updating to Firefox 96, I could close tabs no matter how squished they were. Now I cannot. Someone with a similar problem at https://support.mozilla.org/en-US/questions/1194322 was able to find help, but I'm not meeting with any success implementing their chosen fix. Is there a way to keep the close tab button active with this many tabs anymore, or is that out?
Chosen solution
That is controlled by these two pref that set the minimum width and the clip width to hide the close button.
- browser.tabs.tabClipWidth 140
- browser.tabs.tabMinWidth 50
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
// Check if tab widths are below the threshold where we want to // remove close buttons from background tabs so that people don't // accidentally close tabs by selecting them.
Read this answer in context 👍 1All Replies (3)
Hi, you should still have access to two built-in methods:
(1) right-click > Close Tab (2) Middle-click
For userChrome.css, did you want the buttons to display persistently, or only when you hover the tab? If only on hover, you could take a look at this rule:
Or the original more complicated ones that I've simplified a bit:
/* Show Tab Close buttons only when hovered */
.tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
display: -moz-box !important;
}
.tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
visibility: collapse !important;
opacity: 0 !important;
transition: all 250ms ease-in-out !important;
}
.tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible !important;
opacity: 1 !important;
transition: all 250ms ease-in-out !important;
}
Chosen Solution
That is controlled by these two pref that set the minimum width and the clip width to hide the close button.
- browser.tabs.tabClipWidth 140
- browser.tabs.tabMinWidth 50
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
// Check if tab widths are below the threshold where we want to // remove close buttons from background tabs so that people don't // accidentally close tabs by selecting them.
jscher2000: I know I can still close the tab, I just wanted the button to remain visible even when the tabs were squished. I also couldn't quite figure out how to make that code bit go into my userchrome.css and work properly.
cor-el: Aha, this does what I wanted it to do - I set the clip width slightly below minimum width and now the buttons don't disappear even while the tabs are very small. Thank you.