The width of an inline-block element is incorrectly calculated when using ::first-letter and text-transform : uppercase
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
People
(Reporter: Arian.hamdi, Unassigned)
Details
Attachments
(2 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0
Steps to reproduce:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.test {
display: inline-block;
background-color: orangered;
}
.test::first-letter {
text-transform: uppercase;
}
</style>
</head>
<body>
<div class="test">
view profile
</div>
</body>
</html>
The bug occurs when I use text-transform : uppercase on ::first-letter .
There is no bug even when text-transform is set to lowercase or capitalize.
Actual results:
In Mozilla Firefox, you can see there is an incorrect width calculated for this element. You can zoom in or out to fix this.
Expected results:
Elements should be painted in the correct size.
|
Reporter | |
Updated•2 years ago
|
|
|
Reporter | |
Comment 1•2 years ago
|
||
<head>
<style>
.test {
display: inline-block;
background-color: orangered;
}
.test::first-letter {
text-transform: uppercase;
}
</style>
</head>
<body>
<div class="test">
view profile
</div>
</body>
</html>
Here is the formatted HTML.
|
||
Comment 2•2 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Web Painting' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Comment 3•2 years ago
|
||
|
|
||
Updated•2 years ago
|
|
||
Comment 4•2 years ago
|
||
This is unfortunately a longstanding known bug, tracked in bug 362880 and bug 385615.
Marking as a duplicate of the former bug.
|
|
Reporter | |
Comment 5•2 years ago
|
||
(In reply to Daniel Holbert [:dholbert] from comment #4)
This is unfortunately a longstanding known bug, tracked in bug 362880 and bug 385615.
Marking as a duplicate of the former bug.
*** This bug has been marked as a duplicate of bug 362880 ***
That's correct, it's duplicate, but there is no progress towards fixing them.
Description
•