291191 - image location is miscalculated with stylesheets

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[arman]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.7) Gecko/20050414 Firefox/1.0.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.7) Gecko/20050414 Firefox/1.0.3

In the attached example, right clicking on the image doesn't produce
image-related menu items (e.g. save image).  This is caused by the stylesheet
directives.  I guess the menus are confused about where the renderer placed the
image.

Reproducible: Always

Steps to Reproduce:
1. right-click on the image 

Actual Results:  
image related menu items are missing.

Comment 1

[arman]

Attachment: random image

Comment 2

[arman]

Attachment: example of problem

Comment 3

[José Jeria]

This is because the pre tag is above the image.

Comment 4

[arman]

(In reply to comment #3)
> This is because the pre tag is above the image.
I'm not sure I understand your comment.  By the way, if you decrease the font
size a lot (eg using CTRL+-), the menus eventually work.  So, I'm pretty sure
that the image location is miscalculated.

Oops, I just noticed this problem also applies to events.  e.g. an onclick
placed on the img doesn't work properly either. ughhh.

Comment 5

[Boris Zbarsky [:bzbarsky]]

> I'm not sure I understand your comment.

Put a background on the <pre> to see.  The <pre> is above the image in the
z-order, so click events in that area go to the <pre>, not the image.