28010 - [CSS][NAVQUIRKS]border around the image asociated with a <input type=image> tag

Status: VERIFIED FIXED

(Core :: Layout: Form Controls, defect, P3)

Description

[Andrew Smith]

From Bug Helper:
User-Agent: Mozilla/5.0 [en-US] (Windows_NT; I)
BuildID:    2000012520
browzer displays a border around the image asociated with a <input type=image>
tag as if the image was a hyper link with no border=0 attribure set.
Reproducible: Always
Steps to Reproduce:
1.go to ww.mad.co.uk
2.look at the images above the dropdown menu's on the right of the page
3.

Actual Results:  Border around the images as described above	
Expected Results:  there should not be a border around the image
eg...
<form>
<input type="image" align="right" src=INSERT IMAGE SOURCE HERE value="whatever"
Name="whateverbutton">
</form>

Comment 1

[troy]

Changing component

Comment 2

[karnaze (gone)]

Reassigning to Rod.

Comment 3

[rods (gone)]

setting to M15

Comment 4

[rods (gone)]

This is NavQuirks behavior and the blue border is defined in the html.css. The 
problem is if the browser was in Standard mode you would still get the border.

I am discussing this issue with the style guys.

Comment 5

[rods (gone)]

mass-move to M16

Comment 6

[rods (gone)]

moving to M17

we really need to have a standard and navquirks style sheet.

Comment 7

[rods (gone)]

adding dependency for Standard/Strict style sheet

Comment 8

[Marc Attinasi]

The relevant current rules are:

input[type=image] {
  box-sizing: border-box;
  border: 2px solid blue;
  vertical-align:baseline;
  behavior: none;
  background-color: inherit;
  cursor: default;
}

The rule 'border: 2px solid blue;' will be removed from html.css and the 
follwing added to quirk.css:

input[type=image] {
  border: 2px solid blue;
}

I think that is my plan, once the quirk.css and related changes are in the tree. 
If I got it wrong please yell.

Comment 9

[Marc Attinasi]

Oops - it looks like the html.css rule for border has to be 'border:none;' 
otherwise we get the inset border...
[html.css]
input[type=image] {
  box-sizing: border-box;
  border: none;
  vertical-align:baseline;
  behavior: none;
  background-color: inherit;
  cursor: default;
}
[quirk.css]
input[type=image] {
  border: 2px solid blue;
}

Comment 10

[Marc Attinasi]

Stealing this one from Rod since the fix is in my tree.

Comment 11

[ekrock's old account (dead)]

b.c. with 4xp behavior. nsbeta2 6/1-. [HAVE FIX] per Mark's comments.

Comment 12

[Peter Trudelle]

[nsbeta2+] [6/1]  Please checkin fix by 6/1

Comment 13

[Marc Attinasi]

I need to checkin the fix for the dependent bug 38026 before I can check this in 
- should it be nsbeta2+ as well - please advise.

Comment 14

[Marc Attinasi]

Just to reiterate: I cannot check in this fix unless I get approval and check in 
the dependent bug 38026 - PDT: Could you please check that one and either grant 
or deny approval? Thanks.

Comment 15

[Marc Attinasi]

I won't be able to fix this by 6/1 unless the depends-on bug 38026 is marked 
nsbeta2+ as well...

Comment 16

[Marc Attinasi]

Fixed.

Comment 17

[ckritzer (gone)]

Marking VERIFIED FIXED on:
- MacOS9 2000-07-11-08-M17 Commercial
- Linux6 2000-07-11-08-M17 Commercial
- Win98  2000-07-11-08-M17 Commercial