Closed
Bug 1441520
Opened 7 years ago
Closed 7 years ago
Using text transform on an inline-block element and its first-letter breaks the width
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 385615
People
(Reporter: bakirhusovic, Unassigned)
Details
Attachments
(1 file)
|
700 bytes,
image/png
|
Details |
Capture.PNG
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180206200532
Steps to reproduce:
<!DOCTYPE html>
<html>
<head>
<title>
test
</title>
<style type="text/css">
span {
display: inline-block;
text-transform: lowercase;
background: red;
}
span:first-letter {
text-transform: uppercase;
}
</style>
</head>
<body>
<span>SOMETHING</span>
</body>
</html>
Actual results:
Width of the element was calculated as if text is still uppercase. I have attached the image.
Expected results:
Width of the element should be calculated using lowercase letters
|
||
Updated•7 years ago
|
Component: Untriaged → Layout: Text
Product: Firefox → Core
|
|
||
Updated•7 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•