1311298 - Flex item take more space than needed when using text-transform: uppercase on :first-letter

Status: RESOLVED DUPLICATE of bug 385615

(Core :: Layout, defect)

Description

[gbreux]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2815.0 Safari/537.36

Steps to reproduce:

Here is a fiddle that will show the bug: https://jsfiddle.net/8wL3qdtb/2/

- step 1: Add a flex container with some elements inside
- step 2: Within two of those elements, add a div that contains texts
- step 3: For one of those div, transform the text in uppercase
- step 4: For another one, transform the first letter in uppercase
- step 5: Don't change the other.


Actual results:

The step 4 takes the same amount of spaces than the step 3.


Expected results:

It should take its own amount of space instead of taking as much space as if all the text were in uppercase. (Chrome is doing it right but i don't know what does the spec says about that.)

Comment 1

[Mats Palmgren (inactive)]

Attachment: Minimized testcase

Comment 2

[Mats Palmgren (inactive)]

Pretty sure this is the same underlying bug as bug 385615...