X
Tap here to go to the mobile version of the site.
Scheduled maintenance: Monday, March 30, between 3:30pm and 5:30pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

ஆதரவு மன்றம்

Pinned tabs show part of the title and got wider (version 72.0.1)

பதிவிடப்பட்டது

It looks like (at least on macOS 10.15.2) the latest update (72.0.1) introduced either a bug or a change in how pinned tabs are rendered as since today I noticed that my pinned tabs are a lot wider and are showing part of the title (see attached image, the first two tabs are pinned tabs).

Is this something I can change or customize, or is this a bug?

It looks like (at least on macOS 10.15.2) the latest update (72.0.1) introduced either a bug or a change in how pinned tabs are rendered as since today I noticed that my pinned tabs are a lot wider and are showing part of the title (see attached image, the first two tabs are pinned tabs). Is this something I can change or customize, or is this a bug?
Attached screenshots

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You aren't using code in userChrome.css that could cause this because pinned tabs set the text label width to 0px, so you should never see text ?

.tab-label-container[pinned] {
    width: 0;
}
Read this answer in context 1
மேற்கோள்

Additional System Details

நிறுவப்பட்ட நிரல்கள்

1Password

பயன்பாடு

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:72.0) Gecko/20100101 Firefox/72.0

கூடுதல் தகவல்

cor-el
  • Top 10 Contributor
  • Moderator
17846 தீர்வுகள் 161524 பதில்கள்
பதிவிடப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You aren't using code in userChrome.css that could cause this because pinned tabs set the text label width to 0px, so you should never see text ?

.tab-label-container[pinned] {
    width: 0;
}
You aren't using code in userChrome.css that could cause this because pinned tabs set the text label width to 0px, so you should never see text ? <pre><nowiki>.tab-label-container[pinned] { width: 0; }</nowiki></pre>
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா? 1
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Thanks for the pointer! My userChrome.css looked like this and it turns out the last part caused the isssue...

``` @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Use the full titlebar for tabs */ .titlebar-spacer[type="pre-tabs"] {

 width: 13px !important;
 max-width: 13px !important;

} .titlebar-spacer[type="post-tabs"] {

 width: 0px !important;
 max-width: 0px !important;

}

/* Always show the close button when hovering over a tab */ .tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {

 display: -moz-box !important;

}

/* Do not show the blue tab line */ .tabbrowser-tab .tab-line {

 display: none !important;

}

/* Prevent tab overflow */ .tabbrowser-tab {

 min-width: initial !important;

} .tab-content {

 overflow: hidden !important; ===> this cause the issue

} ```

After removing the last 3 lines it all works again, but if I open a lot of tabs I do get the overflow again. Do you know another way to prevent that?

Thanks for your help!!

Thanks for the pointer! My userChrome.css looked like this and it turns out the last part caused the isssue... ``` @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Use the full titlebar for tabs */ .titlebar-spacer[type="pre-tabs"] { width: 13px !important; max-width: 13px !important; } .titlebar-spacer[type="post-tabs"] { width: 0px !important; max-width: 0px !important; } /* Always show the close button when hovering over a tab */ .tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) { display: -moz-box !important; } /* Do not show the blue tab line */ .tabbrowser-tab .tab-line { display: none !important; } /* Prevent tab overflow */ .tabbrowser-tab { min-width: initial !important; } .tab-content { overflow: hidden !important; ===> this cause the issue } ``` After removing the last 3 lines it all works again, but if I open a lot of tabs I do get the overflow again. Do you know another way to prevent that? Thanks for your help!!
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Well it actually fine without those 3 lines. It does overflow, but only when I have way more tabs open then I should. So I'm good with just removing the three lines and leaving it like that.

Thanks again!

Well it actually fine without those 3 lines. It does overflow, but only when I have way more tabs open then I should. So I'm good with just removing the three lines and leaving it like that. Thanks again!
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
cor-el
  • Top 10 Contributor
  • Moderator
17846 தீர்வுகள் 161524 பதில்கள்
பதிவிடப்பட்டது

In what way does it overflow?

Can you attach a screenshot ?

In what way does it overflow? Can you attach a screenshot ? *https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem *use a compressed image type like PNG or JPG to save the screenshot
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Thanks for the follow up, but its really not needed. I happy with my config again and it only overflows when there are way too many tabs open. So I'm good!

For reference I'm talking about this behavior (tab scrolling/overflow, not sure what to call it): https://www.reddit.com/r/firefox/comments/b3slhs/why_is_there_absolutely_no_possible_way_to/

I used the solution described in there which worked... Until now that is :)

Thanks for the follow up, but its really not needed. I happy with my config again and it only overflows when there are way too many tabs open. So I'm good! For reference I'm talking about this behavior (tab scrolling/overflow, not sure what to call it): https://www.reddit.com/r/firefox/comments/b3slhs/why_is_there_absolutely_no_possible_way_to/ I used the solution described in there which worked... Until now that is :)
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

What I do see now is that when I hover over a tab it resizes to show the tab-close-button. It didn't use to do that and if I put the 3 lines back it doesn't anymore.

So fixed one, but introduced another ;)

What I do see now is that when I hover over a tab it resizes to show the tab-close-button. It didn't use to do that and if I put the 3 lines back it doesn't anymore. So fixed one, but introduced another ;)
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Adding the 3 lines back with a small adjustment made it work as expected again:

.tab-content:not([pinned="true"]) {

 overflow: hidden !important;

}

Thanks again for your help!

Adding the 3 lines back with a small adjustment made it work as expected again: .tab-content:not([pinned="true"]) { overflow: hidden !important; } Thanks again for your help!
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
கேள்வி எழுப்பு

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.