8027 - [4.xP] Image maps lack blue border

Status: VERIFIED FIXED

(Core :: Layout, defect, P3)

Description

[Eli Goldberg]

* TITLE/SUMMARY
Image maps lack blue border...intentionally?

* STEPS TO REPRODUCE
0) Launch Apprunner
1) View a page with an image map that does not specifically have a border=0
attribute/value pairing, such as http://slip/projects/marvin/html/
area_target.html.

* RESULT
 - What happened

The blue rectangle surrounding the image map that is present on Communicator and
Internet Explorer is not present when displayed using Gecko; I cannot find any
specific requirement in the HTML 4 specification that image maps be visually
marked in such a fashion.

Is this change intentional?

 - What was expected

If I knew...

* REGRESSION

 - Occurs On
       Mac OS Apprunner (6.9.99 PM optimized build)
       Linux Apprunner (6.9.99 PM optimized build)
       Win32 Apprunner (6.9.99 AM optimized build [NT 4, Service Pack 3])

 - Doesn't Occur On
       Win32/Mac OS Communicator 4.6 (RTM)
       Win32 Internet Explorer 5 (RTM)

* CONFIGURATIONS TESTED

- [Mac] Power Mac 8500/120 (233 Mhz 604e), 64 MB RAM (VM on; 1 MB of VM used),
1024x768 (Thousands of Colors), Mac OS 8.6

- [Win32] Vectra VL (233 Mhz P2), 96 MB RAM, 800x600 (True Color), NT 4.0 SP3.

- [Linux] Vectra VL (266 Mhz P2), 96 MB RAM.


* DISCLAIMER

I'm pretty sure I've seen this either as a bug somewhere which implied that the
change in behavior was intentional. However, query after query in Bugzilla hasn't
found this bug report, so I'm writing it up anyway.

Comment 1

[Eli Goldberg]

[QA Assigning to self.]

Comment 2

[Hixie (not reading bugmail)]

Could someone please attach the test case to this bug so that we can see it from
outside the Netscape intranet? Thanks.

Comment 3

[Patrick C. Beard]

This border would be used to indicate there's an anchor attached to an image. Do
we still support this kind of thing? Where in the layout code would this sort of
thing occur?

Comment 4

[Eli Goldberg]

[Oops. Never saw Ian's comment. Will attach test case ASAP.]

Comment 5

[Eli Goldberg]

Grr...this is a frames-best test page and would involve adding about a half-dozen
attachments. If you actually need the entire test case now, I can do it, but
right now, here's the relevant HTML:

<IMG SRC="./images/rissa_3.jpg" usemap="#map1" ALT="Woof">

<MAP name = "map1">
        <AREA HREF="area_target_nose.html" ALT = "Sniff" shape="circle" coords=
"205,92,7" target = "right">
</MAP>

Comment 6

[Eli Goldberg]

<err..."frames-based">

Comment 7

[hamerly]

Moving to M10.

Comment 8

[Antti Näyhä]

Verified the original bug report - though I still cannot tell whether this is
intentional.  Adding [4.xP] identifier.

Ian, it seems that you can (or rather cannot) see the missing blue border on any
Web page that has an image map without "border=0" attribute.  There are a
lot of such pages amongst Bugzilla attachments, too - eg.
http://bugzilla.mozilla.org/showattachment.cgi?attach_id=712
I'm placing this in the URL field since the original URL was indeed not visible
to people outside Netscape.

Additional "Doesn't Occur On" note:
  - Opera 3.60 (Win32) does _not_ draw the border on image maps by default.

Comment 9

[Hixie (not reading bugmail)]

elig: the snippet is fine, thanks.

As to whether we should show the blue border or not: the change would be done in
ua.css, and so is very easy to do. If NN 4.x draws a border, then we might as
well do it too, since there is no spec detailing this and the blue border
provides feedback to the user saying that the image is clickable.

If authors want to change the behaviour, that is really easy using CSS.

The CSS needed to draw the border when necessary would involve changing the
following entries in ua.css:

 a:link img {
   display: inline;
   border: 2px solid;
   text-decoration: none;
 }
 a:visited img {
   display: inline;
   border: 2px solid;
   text-decoration: none;
 }
 a:active img {
   display: inline;
   border: 2px solid;
   text-decoration: none;
 }
 a:out-of-date img {
   display: inline;
   border: 2px solid;
   text-decoration: none;
 }

...to read:

 a:link img,
 a:visited img,
 a:active img,
 a:out-of-date img,
 img[usemap],
 object[usemap] {
   display: inline;
   border: 2px solid;
   cursor: pointer;
 }
 img[usemap],
 object[usemap] {
   color: blue;
 }

That's it.

Comment 10

[kipp]

As per ian's suggestion, I've revised the ua.css to get the desired behavior.
While I was at it, I added in the IE/Opera area types so that the page works as
desired.

Comment 11

[Antti Näyhä]

Verifying fixed on 1999090208 Win32 Apprunner.

Comment 12

[Eli Goldberg]

Confirmed Verified on 1999090208 Mac OS Apprunner and 1999082316 (e.g.
yesterday's, but with an incorrect date) Linux Apprunner.