703360 - Image is not visible when placed inside hidden div with text-overflow: ellipsis

Status: RESOLVED DUPLICATE of bug 690187

(Core :: Layout, defect)

Description

[Pavel]

Attachment: clip.html

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0
Build ID: 20111104165243

Steps to reproduce:

	<style>
		.clippedDiv {
			background: #d7d7d7;
			border: 1px solid #000000;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	</style>

<div class="clippedDiv" style="width: 100px">
	<img src="http://www.bobbernhardt.com/img/google.jpg">
</div>



Actual results:

text-overflow: ellipsis; only started to work in FF 7.0. They work fine with text. However when I use img as my inline content then instead of clipping image(as it is done in all other browsers) FF does not show image at all


Expected results:

I attached simple html file that illustrates this problem. Try to run it in different browsers other then FF7 or FF8.

It breaks backwards compatibility and pages and used to show clipped images in FF3/4/5 now stopped showing images

Comment 1

[Boris Zbarsky [:bzbarsky]]

This is the behavior the spec requires.... Yes, it does not match what other browsers implemented.

Comment 3

[j.j.]

The specification changed an this might be fixed soon.