Form fields cleared by page reload after using DOM to create a 2nd form




12 years ago
9 years ago


(Reporter: kday, Unassigned)


1.8 Branch
Windows XP

Firefox Tracking Flags

(Not tracked)



(1 attachment)



12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20061025 Firefox/
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20061025 Firefox/

1. Load the page below
2. Enter text in the field
3. Refresh the page -- text remains (as it should)
4. Click the link "Create a form by DOM operations" -- creates a new form (all names/id's are unique)
5. Refresh again -- the text entered previously is gone

HTML file to repro follows
<title>FireFox looses form contents on dynamic form creation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function createForm()
    elemCreateFormHere = document.getElementById("createFormHere");
    elemCreateFormHere.innerHTML = "\
<form action='/' method='post' name='t-search-added' style='background-color: #ccc; padding: 5px'> \n\
  Simple form inserted by DOM operations. <br/>\n\
  <input type='text' name='textfield2'> \n\
</form> \n\
function createParagraph()
    elemCreateFormHere = document.getElementById("createFormHere");
    elemCreateFormHere.innerHTML = "\
<p>In contrast, this is just a paragraph -- Creating it doesn't cause the form to be cleared on refresh.</p> \n\

<h3>FireFox looses form history on dynamic form creation</h3>

  <li>Load this page in FireFox. </li>
  <li>Enter some text in the &quot;Simple Form&quot; below.</li>
  <li>Refresh the page; notice that the text you just entered remains. </li>
  <li>Click on this link: 
    <a href="#" onClick="javascript:createForm();return false;">Create a form by DOM operations</a>. As you might expect, this will create a trivial form. It inserts it in the grey area below.</li>

  <li> Refresh the page; notice that the text you previously entered has been erased.</li>

<p>That's a bug, right?</p>

<p>In contrast, <a href="#" onClick="javascript:createParagraph();return false;">this link</a>
  creates a simple paragraph.
  The form contents remain after a page reload.

<blockquote id="createFormHere">
  <span style='background-color:#ccc'>
    (Clicking on the link in Step 4 above will insert a form here.)


<form name="form1" method="post" action="/nowhere.cgi" style="background-color: #ccc; padding: 5px">
  Simple form<br/>
  <input type="text" name="textfield"/> 

Reproducible: Always

Steps to Reproduce:
See details
Actual Results:  
Form fields cleared by page refresh

Expected Results:  
Any structural changes in the page should be lost, returning the page to its initial state.  Forms & form fields which were not altered by DOM operations should retain their contents.  

Default theme ... reproduced by a couple of other developers here at Amazon, and on Linux (Mozilla/5.0 (X11; U; Linux i686; en-US; rv: Gecko/20061025 Firefox/, so it's unlikely to be a machine configuration issue.

Comment 1

12 years ago
Created attachment 249145 [details]
HTML test case from details as a separate file

Same as the html file included in the bug details.

Comment 2

12 years ago
Probably closely related to 311507
Component: Form Manager → History: Session
Product: Firefox → Core
QA Contact: form.manager → history.session
Version: unspecified → 1.8 Branch


11 years ago
Component: History: Session → Layout: Form Controls
QA Contact: history.session → layout.form-controls
Yeah.  The issue is that the index of the form, not the name/id, is used for restoration.
Depends on: 311507
Ever confirmed: true
Target Milestone: --- → mozilla2.0
Target Milestone: mozilla2.0 → ---
You need to log in before you can comment on or make changes to this bug.