bmFtZQ / edge-frfox

A Firefox userChrome.css theme that aims to recreate the look and feel of Microsoft Edge.
MIT License
657 stars 34 forks source link

Tab Bar Navigation Arrows Visual Bug #122

Open Tap-W opened 9 months ago

Tap-W commented 9 months ago

Description

The navigation arrows in the horizontal tab bar will appear and disappear whe moving the mouse or opening a new tab when the tabs list fills the bar, but doesn't overflow.

https://github.com/bmFtZQ/edge-frfox/assets/96104958/2dc5501b-663e-403c-a2fa-2c3760702e52

Configuration

bmFtZQ commented 9 months ago

This should hopefully be fixed now, but could you test it to make sure?

I think the rule below was responsible, causing Firefox to continuously recalculate the size as the last tab can be a different size in each of the two states (overflowing, not overflowing), causing the two states to alternate rapidly, and causing the flickering effect.

:root:not([customizing]) #tabbrowser-arrowscrollbox[overflowing] > tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) &::after {
  content: initial !important;
}
Tap-W commented 9 months ago

Yes, it's working now. Thank you.

bmFtZQ commented 9 months ago

I've applied another change to the file, this should hopefully fix both the pinned tabs and the overflow issue.