The default bug view has changed. See this FAQ.

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

RESOLVED DUPLICATE of bug 690187

Status

()

Core
Layout: Block and Inline
RESOLVED DUPLICATE of bug 690187
6 years ago
5 years ago

People

(Reporter: Alex Gyoshev, Unassigned)

Tracking

7 Branch
x86_64
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

6 years ago
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
Last Resolved: 6 years ago
Resolution: --- → INVALID

Updated

6 years ago
Blocks: 312156

Comment 2

6 years ago
Mozilla/5.0 (Windows NT 5.1; rv:10.0a1) Gecko/20111014 Firefox/10.0a1
Not fixed with bug 684266

Comment 3

5 years ago
The specification changed an this might be fixed soon.
Resolution: INVALID → DUPLICATE
Duplicate of bug: 690187
You need to log in before you can comment on or make changes to this bug.