Open
Bug 774726
Opened 12 years ago
Updated 2 years ago
text-overflow renders wrong on input html elements
Categories
(Core :: Layout: Text and Fonts, defect)
Core
Layout: Text and Fonts
Tracking
()
NEW
People
(Reporter: public, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: testcase)
Attachments
(2 files)
screenshot of the testcase, comparing div & input element rendering
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:16.0) Gecko/16.0 Firefox/16.0
Build ID: 20120716040203
Steps to reproduce:
apply text-overflow: ellipsis on an input field
Actual results:
renders ellipsis (…) right aligned to input box, instead of left aligned at text clip position. this results in an ugly space between last letter and the ellipsis
test case:
<!DOCTYPE html>
<html>
<head/>
<body>
what happens:
<input style="width: 52px; text-overflow: ellipsis; overflow: hidden; background: cyan; border: none; font-size: 14px; font-family: serif;" value="Loremipsum"/>
what should happen:
<div style="width: 52px; text-overflow: ellipsis; overflow: hidden; background: cyan;">Loremipsum</div>
</body>
</html>
|
Reporter | |
Comment 1•12 years ago
|
||
this cant be corrected with setting all css properties (like f.i. -moz-appearance) on the input element to the same value as the div element
|
||
Comment 3•12 years ago
|
||
|
|
||
Comment 4•12 years ago
|
||
Confirmed with Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/17.0 Firefox/17.0 ID:20120720030549
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: testcase
OS: Mac OS X → All
Hardware: x86 → All
|
||
Updated•8 years ago
|
Blocks: text-overflow
|
||
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•