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

No close buttons on inactive tabs in 57.0.2?

  • 3 replies
  • 7 have this problem
  • 422 views
  • Last reply by jazzvb

more options

Hello,

After the update to Firefox 57.0.2 the close buttons on the inactive tabs are gone. Is there a way to get them back?

Kind regards, Jazz

Hello, After the update to Firefox 57.0.2 the close buttons on the inactive tabs are gone. Is there a way to get them back? Kind regards, Jazz

Chosen solution

Hi Jazz, when the tabs reach a certain narrowness, if that's a word, the close buttons are hidden on the inactive tabs. You can close those tabs using either of these methods:

  • right-click > Close Tab
  • "middle-click" using the mouse scroll wheel

If you prefer to see a close button, either all the time or when you hover your mouse over the tab, you can set that up using a custom style rule. Many (but not all) aspects of the Firefox's UI can be tweaked using custom style rules. You would apply those by creating an optional file named userChrome.css.

As an example, I'm using some rules that hide the X on ALL tabs until they are hovered, at which point the X appears, fading in over a quarter of a second. (There is an exception for pinned tabs, which are just the icon and don't have room for the X button.) The code is:

/* Show Tab Close buttons only when hovered */
#tabbrowser-tabs > .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-tabs > .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;;
}
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

One can create many variations on this theme.

If you want to set up a userChrome.css file, set aside 5-10 minutes and start here: https://www.userchrome.org/how-create-userchrome-css.html

Read this answer in context 👍 2

All Replies (3)

more options

uninstall Firefox. Then Delete the Mozilla Firefox Folders in C:\Program Files and C:\Program Files(x86) Then restart system. Then run Windows Disk Cleanup. (Note: This should be pinned and run weekly, if never done below expect 10's of gig's) Then run it again and click the button that says Cleanup System Files. Note: your Firefox Profile is saved. But you should make a back up before you do : https://support.mozilla.org/en-US/kb/back-and-restore-information-firefox-profiles

Reinstall with Current Release Firefox 57.0.2 with a Full Version Installer https://www.mozilla.org/firefox/all/

Please let us know if this solved your issue or if need further assistance.

more options

Chosen Solution

Hi Jazz, when the tabs reach a certain narrowness, if that's a word, the close buttons are hidden on the inactive tabs. You can close those tabs using either of these methods:

  • right-click > Close Tab
  • "middle-click" using the mouse scroll wheel

If you prefer to see a close button, either all the time or when you hover your mouse over the tab, you can set that up using a custom style rule. Many (but not all) aspects of the Firefox's UI can be tweaked using custom style rules. You would apply those by creating an optional file named userChrome.css.

As an example, I'm using some rules that hide the X on ALL tabs until they are hovered, at which point the X appears, fading in over a quarter of a second. (There is an exception for pinned tabs, which are just the icon and don't have room for the X button.) The code is:

/* Show Tab Close buttons only when hovered */
#tabbrowser-tabs > .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-tabs > .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;;
}
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]) > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

One can create many variations on this theme.

If you want to set up a userChrome.css file, set aside 5-10 minutes and start here: https://www.userchrome.org/how-create-userchrome-css.html

more options

well hello, that's quite some useful information. thank you!

jscher2000's remark about the narrowness of the tabs was the cause of my problem. never thought of that. as i liked the idea of the 'hovering and close button', i read about userChrome and managed to implement it. thanks for the code!! i really like having the option of closing an inactive tab back.

the codes are still abracadabra to me, but now i know this (userChrome) exists, and that's very interesting for future reference.

alas, problem solved!

but not before saying thanks to Pkshadow too. i totally forgot about this option having used my newish laptop for a while now. it found almost 50gb(!) worth of junk.

much obliged and kind regards, Jazz, a happy customer : )