294777 - Incorrect DOM Element (anchor)

Status: RESOLVED WORKSFORME

(Other Applications :: DOM Inspector, defect)

Description

[Alexander Orhideev]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

The page links in search results page at google.com are not highlighted
correctly by the DOM Inspector.

I also wrote a XUL extention that highlights all of a HTML page links using
@mozilla.org/inspector/flasher;1
and its drawElementOutline ( oDomElem ) method.

It does error in determining elements coordinates quite often. For example when
an anchor contains image tag inside it.

Reproducible: Always

Steps to Reproduce:
1. Open the FF and load google.com. Enter something to search for and press the
search button.
2. On the results page open the Dom Inspector and try to inspect the pages links
below (see DOMInsp_bug1.png - the link "2" was inspected in the pictures).
 

Actual Results:  
Observe the results - the red highlight box doesn't match the real element's
position (see DOMInsp_bug2.png)

Expected Results:  
Correct highlight.

I'm using the https://bugzilla.mozilla.org/enter_bug.cgi? Help Form - it is not
possible to attach the screenshots from this form - please add such functionality.

Comment 1

[Alexander Orhideev]

Attachment: Step 1- inpsect search page at google.com

Comment 2

[Alexander Orhideev]

Attachment: Step 2- incorrect highlight on the search page at google.com

Comment 3

[Boris Zbarsky [:bzbarsky]]

In a current trunk build, the highlighting is correct.  Note that the bounds of
the <a> do not include the whole image that's inside it, but that's also correct.

Comment 4

[Alexander Orhideev]

(In reply to comment #3)
> In a current trunk build, the highlighting is correct.  Note that the bounds of
> the <a> do not include the whole image that's inside it, but that's also correct.

Well reading what you wrote I'm not sure what is a correct highlight.
With FF 1.0.6 release you can see that the highlight rectangle doesn't match
either the image nor the text inside the link not even the combination of the two.
The highlight rectangle encloses just some part of the image - I think it can't
be correct.

I also did tests with Deer Park alpha (Mozilla/5.0 (Windows; U; Windows NT 5.0;
en-US; rv:1.9a1) Gecko/20050816 Firefox/1.0+)

The highlight there is even not rectangular - there are 2 partial rectangles
(the frames are not closed) - one over the image inside the anchor, and one over
the text inside the anchor.

Again I don't think this is correct!

Comment 5

[Boris Zbarsky [:bzbarsky]]

The highlight is highlighting the link.  The link in this case is not
rectangular and its bounds do not include the image.  What's confusing about
that, exactly?

I suggest reading the inline layout section of CSS2.1.