We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Close tab button disappears from inactive tabs with 8 or more open tabs

more options

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?

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.


// 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 👍 1

All Replies (3)

more options

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:

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/tab_close_button_always_on_hover.css

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;
}
more options

Chosen Solution

That is controlled by these two pref that set the minimum width and the clip width to hide the close button.


// 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.

more options

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.