435980 - <select> inserted into a div with display:none isn't included in submitted form data

Status: RESOLVED INCOMPLETE

(Core :: DOM: Core & HTML, defect)

Description

[Doug Tabacco]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008051206 Firefox/3.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008051206 Firefox/3.0

We're using Javascript to insert a <select> input into a div with the css attribute display:none.  When the form is submitted, even after the div has been set to display:block, that input is missing from the submitted data, as if it had never been inserted.

The form tags are outside the div and include some other inputs that aren't hidden by default.

Reproducible: Always

Steps to Reproduce:
1. Create <form method="post">
2. Within <form>, create <div style="display:none">
3. Use javascript to append <select name="somethingUnique"><option>value</option></select> into the div.
4. Submit the form and check the POST data.
Actual Results:  
The post data is empty.

Expected Results:  
I would expect the post data to be somethingUnique=value

Comment 1

[Doug Tabacco]

I can reproduce this in 2.0.0.14 as well, by the way.  It works normally in IE.

Comment 2

[Tyler Downer [He/Him]]

Reporter, are you still seeing this issue with Firefox 3.6.9 or later in safe mode? If not, please close. These links can help you in your testing.
http://support.mozilla.com/kb/Safe+Mode
http://support.mozilla.com/kb/Managing+profiles

Comment 3

[Tyler Downer [He/Him]]

No reply, INCOMPLETE. Please retest with Firefox 3.6.10 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.