Skip to content
This repository has been archived by the owner on Dec 13, 2023. It is now read-only.

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

Open
jasonbassford opened this issue Mar 31, 2019 · 1 comment

Comments

@jasonbassford
Copy link

jasonbassford commented Mar 31, 2019

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 jasonbassford changed the title Tab curve is cut off when selecting a tab from the overflow dropdown menu. Tab curve is cut off when scrolling to first or last tab in overflow or selecting it from the dropdown menu. Mar 31, 2019
@wilfredwee
Copy link
Owner

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants