360346 - CSS border applied to input type='hidden' will display hidden element

Status: RESOLVED DUPLICATE of bug 332841

(Firefox :: General, defect)

Description

[Nick Ilyin]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0

If you have a style definition like this:
input
{
 border: 1px inset #ccc;
}
then any use of the input tag, even if the type='hidden' will render that border. In the case of a hidden type, I found that a thin vertical gray line was displayed for each of the hidden input tags.

Reproducible: Always

Steps to Reproduce:
1. Create a Strict XHTML 1.0 page with a style definition: input{border:1px inset #ccc}

2. Create some hidden input tags: [input type='hidden' name='ringo' value='rongo' /]

3. View the page and you will see the vertical gray bars in place of the hidden input tags.

Actual Results:  
Gray vertical bars in the place where the hidden type input tags were placed.

Expected Results:  
Nothing should be displayed!

Displayed nothing! Technically, I could achieve this result with this additional tag, but it shouldn't have to be there:

input[type='hidden'] { display:none; }

Comment 1

[Phil Ringnalda (:philor)]

Worksforme. Are  you sure you aren't also, perhaps separately, giving all inputs a display:(block|inline), making this a duplicate of bug 332841? If not, can you please attach a minimal testcase that shows the bug?

Comment 2

[Nick Ilyin]

*** This bug has been marked as a duplicate of 332841 ***