UI bugs with overflowing tabs about materialfox HOT 6 CLOSED

Resolved in eb51d01. Decided not to disable overflow for now.

from materialfox.

The tabs actually aren't meant to overflow at all so this is possibly caused by a regression or I haven't been testing with enough tabs. I've reproduced the problem and will see if I can disable overflow entirely.

This appears to resolve the problem:

.tabbrowser-tab
{
  min-width: initial !important;
}
.tab-content
{
  overflow: hidden !important;
}

But I have to do further testing to ensure setting the min-width won't cause issues with tab drag/closing behaviour (which rely on some JS width-watching voodoo).

from materialfox.

It's better if tabs can overflow, in my opinion, because managing lots of tabs becomes difficult otherwise.

from materialfox.

I've had some pretty nasty issues with tab overflow due to the negative margin required on the tabs to support the curved tab style. It either causes premature overflow or makes it much harder to get out of overflow (you need to close more tabs than should be necessary). My solution was to disable overflow, which brings it inline with Chrome's behaviour. I can understand the desire to have tab overflow enabled when you use a lot of tabs but it may not be practical to achieve with this theme. I think hiding the scroll arrows did improve the situation but it's not ideal and was actually intended to help disable overflow altogether.

Happy to be proved otherwise, though!

from materialfox.

Hmm, it's hard to say. Prior to Firefox 57, they used a curved tabs design (+ overflow) without any "major" issues AFAIK. Could be some CSS tricks that make it work better.

Plus, over the years I've seen many complaints about Chrome's tab behavior (disappearing tab labels, etc.), but it's still your theme and your decision.

from materialfox.

Really good stuff!

from materialfox.