Closed Bug 1311298 Opened 8 years ago Closed 8 years ago

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

Categories

(Core :: Layout, defect)

defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 385615

People

(Reporter: contact, Unassigned)

Details

(Keywords: testcase)

Attachments

(1 file)

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.)
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout
Depends on: 385615
Ever confirmed: true
Attached file Minimized testcase (deleted) —
Pretty sure this is the same underlying bug as bug 385615...
Status: NEW → RESOLVED
Closed: 8 years ago
No longer depends on: 385615
Keywords: testcase
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: