photon-australis icon indicating copy to clipboard operation
photon-australis copied to clipboard

Tab curve is cut off when scrolling to first or last tab in overflow or selecting it from the dropdown menu.

Open jasonbassford opened this issue 5 years ago • 1 comments

I'm not sure if there is a technical solution for this or not, and it's only a minor annoyance, but I wanted to mention it.

To reproduce:

  1. Open enough tabs that you get tab overflow.
  2. Use the left or right tab overflow arrows to move to the first or last tab.

The first or last tab shows only the "un-curved" part at first. To see the curve, you need to click again. This also happens when you select the first or last tab from the dropdown list—if it's located in a "row" that you aren't currently viewing.

In short, the position of the overflowed content doesn't move completely to the left or right when clicking to scroll left or right or when selecting the tab from the dropdown list. It excludes the extra curve that's been styled to the tab's left or right.

I did some quick Google searching for CSS styling that could be applied to the tab overflow bar, but was unable to find anything that seemed pertinent.

jasonbassford avatar Mar 31 '19 18:03 jasonbassford

I've looked through the code and trying various things. Problem is that the tab margin for the pinned tabs are programmatically set by Firefox during runtime. There's no way to fix this without introducing custom JS script.

Marking as an enchancement fix.

wilfredwee avatar Sep 07 '19 08:09 wilfredwee