Closed Bug 703360 Opened 13 years ago Closed 13 years ago

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

Categories

(Core :: Layout, defect)

8 Branch
x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 690187

People

(Reporter: psivolob, Unassigned)

References

Details

Attachments

(1 file)

574 bytes, text/html
Details
Attached file 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
This is the behavior the spec requires.... Yes, it does not match what other browsers implemented.
Blocks: 312156
Attachment #575268 - Attachment mime type: text/plain → text/html
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Component: DOM: CSS Object Model → Layout
QA Contact: style-system → layout
Resolution: --- → DUPLICATE
The specification changed an this might be fixed soon.
You need to log in before you can comment on or make changes to this bug.