332841 - Setting display: block on a hidden input allows borders on those hidden inputs

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Greg M.]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8) Gecko/20051229 Camino/1.0b2
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8) Gecko/20051229 Camino/1.0b2

Display block (when applied to hidden input elements) is allowing styling of those elements, such as borders.

Reproducible: Always

Steps to Reproduce:
1. Create a form with hidden inputs (a bunch makes them more visible)
2. Add a CSS containing: input {display: block; border: thin solid red;}
3. Make sure the border color in #2 is not the same as you background color


Actual Results:  
Load the file, and you should see collapsed borders around your hidden inputs (in the example they would be the color red.

Expected Results:  
No borders around hidden inputs, the display mode on a hidden input type should not matter.

This occurs in Camino 1.0b2 and Firefox 1.5.0.1

Comment 1

[Greg M.]

Attachment: Example of the bug in action

View this to see what this is about.

Comment 2

[Greg M.]

Attachment: Previous example was incorrect, sorry

Comment 3

[Martijn Wargers (dead)]

Hidden inputs are set to display:none in forms.css
Web designers can override that with display:block.
That's not really a bug, it is done this way on purpose.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Yep.  This is by design.

Comment 5

[Phil Ringnalda (:philor)]

*** Bug 334865 has been marked as a duplicate of this bug. ***

Comment 6

[:Gavin Sharp [email: [e-mail]]]

*** Bug 356054 has been marked as a duplicate of this bug. ***

Comment 7

[Nick Ilyin]

*** Bug 360346 has been marked as a duplicate of this bug. ***

Comment 9

[Richard]

Explain how it's not a bug. 

According to the w3c HTML 4.01 standard for hidden inputs, they "are not rendered" and so it IS A BUG!

http://www.w3.org/TR/html401/interact/forms.html#hidden-control

Comment 10

[Richard]

To follow the standard a fix would be to put 

display: none !important;

in forms.css for hidden inputs.

Comment 11

[Matt Nordhoff (aka Peng on IRC & forums)]

"display: block !important;" in the website's CSS would still overwrite that, though, right?

Comment 12

[Martijn Wargers (dead)]

No, display: none !important; in forms.css would override every other css, so that would work as a solution.

Opera 9.20 and IE7 don't allow styling of an <input type="hidden"> element (it always stays hidden).
I guess I've changed my mind on this one. It seems to me better to be compatible with IE7 then allowing the hidden input to be styled (although I think that's more logical).