text-overflow: ellipsis; causes images not to be displayed

RESOLVED DUPLICATE of bug 690187

Status

()

Core
Layout
RESOLVED DUPLICATE of bug 690187
6 years ago
6 years ago

People

(Reporter: Jan Gerber, Unassigned)

Tracking

({regression})

Trunk
regression
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

6 years ago
Created attachment 563203 [details]
image inside of div with text-overflow: ellipsis; get replaced by ellipsis

Placing an Image inside of a div that has text-overflow: ellipsis;
The Image is not show.
Test case attached and visible at  http://0x2620.org/html/bugs/Firefox7_elipsis.html

Other browsers show the image instead of ...

Updated

6 years ago
Component: DOM: CSS Object Model → Layout
Depends on: 684266
QA Contact: style-system → layout

Updated

6 years ago
Blocks: 312156

Updated

6 years ago
Attachment #563203 - Attachment mime type: text/plain → text/html
Jan, that's what the spec says to do.

Tantek, how many of these do we need before the spec changes?  ;)

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 (image isn't displayed)
OS: Linux → All
Hardware: x86_64 → All
That's expected, for now...
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: regression

Updated

6 years ago
Summary: text-overflow: ellipsis; causes images to be replaces by ... → text-overflow: ellipsis; causes images not to be displayed
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"

images are "replaced inline-level elements" and thus "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."
I don't think the spec will change in this regard, but please reopen if it does.
If you want to raise a spec issue, the www-style mailing list is right forum.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → INVALID
> I don't think the spec will change in this regard,

That sort of depends on how web-incompatible this behavior is.... from what I can see so far, it's pretty web-incompatible.

Comment 7

6 years ago
Boris, how do we decide "how web-incompatible" anything in particular is?

For this particular issue/bug, let's start tracking real world URLs - since that's what should determine "web-incompatible" or not.

I've created a wiki page/section for this: https://wiki.mozilla.org/CSS/text-overflow#issues

Thanks.
> For this particular issue/bug, let's start tracking real world URLs

Yep.  See the bugs blocking bug 312156 and their duplicates, if any.

Updated

6 years ago
Duplicate of this bug: 703360

Comment 10

6 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.