Closed Bug 689897 Opened 13 years ago Closed 13 years ago

text-oveflow:ellipsis hides non-text elements that overflow (and shows ellipsis)

Categories

(Core :: Layout: Block and Inline, defect)

7 Branch
x86_64
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 690187

People

(Reporter: katheron, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0) Gecko/20100101 Firefox/7.0
Build ID: 20110922153450

Steps to reproduce:

I placed a wide inline-block element in a smaller container with text-overflow:ellipsis. See http://jsfiddle.net/4y2N6/


Actual results:

The inner element was hidden and there was an ellipsis in the outer element.


Expected results:

Since the inner element wasn't text-related, the text-overflow property shouldn't have been triggered.
This is the correct rendering per the relevant specs:

http://dev.w3.org/csswg/css3-ui/#text-overflow
"... implementations must hide characters and atomic inline-level elements at the applicable edge(s) of the line as necessary to fit the ellipsis/string"

and an inline-block is "atomic inline-level":

http://www.w3.org/TR/CSS21/visuren.html#inline-boxes
"Inline-level boxes that are not inline boxes (such as replaced inline-level elements, inline-block elements, and inline-table elements) are called atomic inline-level boxes because they participate in their inline formatting context as a single opaque box."
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → INVALID
Blocks: 312156
Mozilla/5.0 (Windows NT 5.1; rv:10.0a1) Gecko/20111014 Firefox/10.0a1
Not fixed with bug 684266
The specification changed an this might be fixed soon.
Resolution: INVALID → DUPLICATE
You need to log in before you can comment on or make changes to this bug.