Bug 21688 – Label counts are truncated followed by "..." in Gmail

• Component: Layout and Rendering
• Status: RESOLVED INVALID

[jasneet]

I Steps:
Login to http://www.gmail.com

II Issue:
The label counts in GMail get trimmed if the label + count is long enough (for example, 15 chars in !!NextRead!! (15...). The actual value should have been !!NextRead!!(15XX)

Example:
some-label(XXXXX)

Chrome/Safari       some-label(X....
IE7                 some-label(XX..
FF3                 some-label(XXXX

So if the count is higher than XXXX i.e. XXXXX and above even FF3 truncates.
So the bug is Chrome displays only X out of XXXXX while FF3 displays XXXX

III Conclusion:
In the styles, the <div> that contains the text has text-overflow set to "ellipsis" so anytime there is an overflow, the "...." are shown instead of the truncated text.
FF3 doesn't use ellipsis however. It just truncates the text.

IV Other Browsers:
IE7: not ok
FF3: ok

V Nightly tested: 37604

[jasneet]

Created attachment 24438 [details]
reduced testcase

[Sam Weinig]

What exactly is the bug here?

[Mark Rowe (bdash)]

What is the test case supposed to demonstrate?  How is Firefox not supporting "text-overflow: ellipsis" a WebKit issue?

[jasneet]

some-label(XXXXX)

Chrome/Safari       some-label(X....
IE7                 some-label(XX..
FF3                 some-label(XXXX

Anytime there is an overflow, the "...." are shown instead of the truncated text. Attached reduced testcase reproduces the above mentioned issue (Compare FF3 and webkit r37904)

[Mark Rowe (bdash)]

(In reply to comment #4)
> some-label(XXXXX)
> 
> Chrome/Safari       some-label(X....
> IE7                 some-label(XX..
> FF3                 some-label(XXXX
> 
> Anytime there is an overflow, the "...." are shown instead of the truncated
> text. Attached reduced testcase reproduces the above mentioned issue (Compare
> FF3 and webkit r37904)

That is precisely what "text-overflow: ellipsis" is supposed to do!  If the text would overflow the box, the overflow is indicate with ellipsis rather than simply truncating the text.  Firefox doesn't support the "ellipsis" text-overflow value, so it does not do this.