Closed Bug 624595 Opened 14 years ago Closed 8 years ago

tab labels (with overflow ellipsis) jitter as tabs resize

Categories

(Firefox :: Tabbed Browser, defect)

x86
macOS
defect
Not set
normal

Tracking

()

RESOLVED FIXED
Firefox 53

People

(Reporter: fryn, Unassigned)

References

Details

(Whiteboard: fixed by bug 658467)

Attachments

(1 file)

On OS X, we center tab labels regardless of whether they overflow. When a tab label does overflow, the label's text is truncated at a discrete number of characters while the tabs are resizing, which results in the label jittering back and forth. This bug has become especially visible since we now have tab opening and closing animations. Unfortunately, the XUL text widget code doesn't expose to front-end code whether a label's text is overflowing/cropped, so we can't do something like the following, which would left-align a label when the ellipsis is present: tabLabel.onoverflow = function() label.setAttribute("overflow", "true"); tabLabel.onunderflow = function() label.removeAttribute("overflow"); .tab-label[overflow] { text-align: left; } A theoretical crop="fade" or text-overflow: fade; that behaved like Google Chrome's tab label overflow would also resolve this issue.
Attached patch patch attempt (deleted) — Splinter Review
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → WONTFIX
Not sure why you closed this as WONTFIX
Status: RESOLVED → REOPENED
Resolution: WONTFIX → ---
Status: REOPENED → NEW
Status: NEW → RESOLVED
Closed: 11 years ago8 years ago
Resolution: --- → FIXED
Whiteboard: fixed by bug 658467
Target Milestone: --- → Firefox 53
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: