282941 - Margin on input[type="image"] breaks layout in Camino (fix form css)

Status: VERIFIED FIXED

(Camino Graveyard :: HTML Form Controls, defect, P3)

Description

[Mark Leverson]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041201 Camino/0.8.2
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.5) Gecko/20041201 Camino/0.8.2

The login box on by banks online baking service doesn't display the way it
should. This doesn't occur with Mozilla 1.7.5. I originally thought that this
was just a badly coded page but since Mozilla displays it properly, there may be
another cause.

Reproducible: Always

Steps to Reproduce:
1.Go to https://www.fpcuonline.org/onlineserv/HB/Signon.cgi
2.
3.

Actual Results:  
The page displayed a box without all the edges of the box lines up properly.

Expected Results:  
Displayed the page the way that Mozilla 1.7.5 does.

Comment 1

[Mark Leverson]

Since the Product has been changed to Core for this bug, it isn't as clear as it
once was, so I will restate it.

Camino doesn't display the login box on by banks online baking service the way
it should. It is displayed correctly by both Mozilla 1.7.5 and FireFox 1.0.

Comment 2

[Mark Leverson]

This brings up a question. Why is this bug listed as a Core, History:Global,
issue? It only involves Camino, not Mozilla or FireFox.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Back to Camino to look into; this is clearly not a global history bug.

Comment 4

[Samuel Sidler (old account; do not CC)]

Attachment: Screenshot of bad behavior

Attaching a screenshot of the unexpected behavior and verifying.

Comment 5

[L. H.]

Adding
margin: 0;
to input[type="image"] in forms.css fixes the bug.

Comment 6

[csp]

Indeed I notice a similar problem on my school's web page:
http://www.cmu.edu/
Where the bottom of the page doesn't align, like the bank login box.
Again, only occurs in Camino.

Comment 7

[Chris Dailey]

Although the intial page loads and I can imput the account and passswd info,
clicking the login tab does nothing. Sems to have started for me with yesterdays
nightly build.

URL: https://onlinebanking-nw.bankofamerica.com/login.jsp?MSIE=True&statecheck=WA

Comment 8

[Simon Fraser [no longer active]]

Note comment 5.

Comment 9

[Mark Leverson]

My bank has changed it's Login page and this bug is no longer reproducable at
it's site.

Comment 10

[Simon Fraser [no longer active]]

(In reply to comment #9)
> My bank has changed it's Login page and this bug is no longer reproducable at
> it's site.

That's why we need test cases attached to bugs.

Comment 11

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

Attachment: Testcase (I hope)

Hopefully this will do; it's a little bit of http://www.cmu.edu  Layout
testcases are not my strong suit.

If not, someone go grab the entire http://www.cmu.edu page :-)

Comment 12

[Ulrik Sverdrup]

Attachment: Testcase v2 (Reduced)

A simpler testcase with a check

Comment 13

[Ulrik Sverdrup]

Attachment: This is what testcase v2 looks like with Firefox (and Safari equally)

Comment 14

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

It's not this bug (but a cousin), but there have been a couple of threads in the forum recently about the search box on the trailers page at Apple.  It's similarly broken by our forms css (I think in that case it's on the text input), but I haven't had time to reduce it to even "Testcase (I hope)" level.

http://forums.mozillazine.org/viewtopic.php?t=329382

Comment 15

[Mark Mentovai]

Fixed by bug 315203 checkin.