text-overflow: ellipsis does not work when container is to narrow to contain "..."
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
People
(Reporter: pecirka, Unassigned)
References
(Blocks 1 open bug)
Details
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36
Steps to reproduce:
When <div> has text-overflow: ellipsis set and its width is too small to natain "...", ellipsis does not work and clipped text is displayed.
Working example:
https://jsfiddle.net/vf5aptLm/1/
Actual results:
div 1 shows clipped text instead of "..."
Expected results:
div 1 should show "..."
|
||
Comment 1•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•3 years ago
|
||
The third pink column in https://bugzilla.mozilla.org/attachment.cgi?id=8495888 (the testcase from bug 1070742 comment 1) demonstrates this bug perfectly.
Description
•