877955 - Indents which are created from nowhere

Status: RESOLVED DUPLICATE of bug 362880

(Core :: Layout: Block and Inline, defect)

Description

[Vladimir]

Attachment: bug.html

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:21.0) Gecko/20100101 Firefox/21.0 (Beta/Release)
Build ID: 20130511120803

Steps to reproduce:

I tried to make small letters in the words with the first capital letter. This words should be in links which as displayed as a block elements. Also, they should stay close to each other, that's why I displayed parental elements like tabular. Between links should be content ">"


Actual results:

There are odd indents appeared in the links. They're look like "padding-right" in CSS 


Expected results:

This indents shouldn't be there, like in other browsers.

Comment 1

[Boris Zbarsky [:bzbarsky]]

The issue is that the shrink-wrap size is computed when all the text has the first-letter style.

You may want to try "text-transform: capitalize" instead of simulating it, though...

Comment 2

[Vladimir]

(In reply to Boris Zbarsky (:bz) from comment #1)
> The issue is that the shrink-wrap size is computed when all the text has the
> first-letter style.
> 
> You may want to try "text-transform: capitalize" instead of simulating it,
> though...
> 
> *** This bug has been marked as a duplicate of bug 362880 ***

It would be great solution but it doesn't work in many browsers (including Mozilla).

Comment 3

[Boris Zbarsky [:bzbarsky]]

Oh, because your input data has to be all-uppercase, not all-lowercase?  "capitalize" will uppercase the first letter only but it won't lowercase anything.