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 @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

How do I find the current height of the tab bar (in userchrome.css)?

  • 3 amsoshi
  • 1 yana da wannan matsala
  • 12 views
  • Amsa ta ƙarshe daga cor-el

more options

How do I find the current height of the tab bar (#TabsToolbar)? I know, for example, that there are properties --tab-min-height, but my tab bar is in a few rows, so I need to know either the number of rows or just its current height. In addition, this height can change when I add or remove tabs. How can I catch this event and recalculate the parameters I need? Thank you very much for your help, I'm a beginner ...

How do I find the current height of the tab bar (#TabsToolbar)? I know, for example, that there are properties --tab-min-height, but my tab bar is in a few rows, so I need to know either the number of rows or just its current height. In addition, this height can change when I add or remove tabs. How can I catch this event and recalculate the parameters I need? Thank you very much for your help, I'm a beginner ...

All Replies (3)

more options

Firefox would normally adjust the height automatically between the min-height (--tab-min-height) and the max-height.

Why would you want to recalculate parameters?

Multi-row tabs in FF57 : FirefoxCSS

more options

cor-el said

Why would you want to recalculate parameters?

I want to lower the tabs down the browser window. This is not difficult to do. But then you need to raise the bottom edge of the displayed page. This can be done using # content-deck. For example, this:

  1. content-deck {margin-bottom: calc (var (-tab-min-height) * 3); }

This is when there are three rows of tabs. But I want a general case, and I need to know the exact value of the current height of the tab bar, and be able to react to changing it. I have never found an implementation of this, is it really impossible to do it correctly? Thank you.

more options

There are a lot of issues with placing the Tab bar at the bottom of the window like the Private Browsing mode indicator and the list all tabs button and other icons that might appear on the Tab bar and toolbars like the developer toolbar or notifications that Firefox might show and multiple tab bars makes this even more difficult.

See also:

  • /questions/1196861 Firefox 57 tabs on bottom , there are solution, don't work correctly with private browsing. Tabs are moved above content-deck. Is there way to correct it?