Bug 90717 – Inconsistent image map focus display with position:absolute

• Component: Layout and Rendering
• Status: RESOLVED WONTFIX

[wf]

if the img has style=position:absolute ,the focus on map doesn't display

[wf]

Created attachment 151130 [details]
the test page

[Alexey Proskuryakov]

Could you please elaborate on what the bug is? On the attached test case, I cannot see any difference between Safari and Firefox.

[wf]

(In reply to comment #2)
> Could you please elaborate on what the bug is? On the attached test case, I cannot see any difference between Safari and Firefox.

Using firefox or ie,the focus can be drawn when you press tab ,but Safari can't.

[wf]

if change 
<img src="blank.png" width="200px;" height="60px;" border="0" usemap="#Map" style="position:absolute; z-index:3; top: 0px; left: 64px; height: 113px; width: 211px;">

to

<img src="blank.png" width="200px;" height="60px;" border="0" usemap="#Map" style="z-index:3; top: 0px; left: 64px; height: 113px; width: 211px;">

the focus can be drawn.

[Alexey Proskuryakov]

> Using firefox or ie,the focus can be drawn when you press tab ,but Safari can't.

This doesn't happen for me in Firefox 13.0.1 for Mac.

I can reproduce that Safari changes behavior when position:absolute is removed, which does make it look like there is a bug somewhere (Firefox still doesn't draw focus).

[Bruno Abinader (history only)]

Please have a look at what w3schools says about absolute positioning:

"Absolutely positioned elements are removed from the normal flow. The document and other elements behave like the absolutely positioned element does not exist."
http://www.w3schools.com/Css/css_positioning.asp

That said, the current behavior is correct (since elements with absolute positioning are removed from the normal flow). You can achieve the intended behavior by removing the "position: absolute" style and adding some JavaScript to fix the object on a specific spot of the screen, for example.

This is also valid for bug 94707, thus marking both as WONTFIX.