Bug 606663 - Invalid form popup shouldn't create a text node but use a <description/>. r+a=gavin.sharp

browser/base/content/browser.js

@@ -787,7 +787,6 @@ const gFormSubmitObserver = {
   init: function()
   {
     this.panel = document.getElementById('invalid-form-popup');
-    this.panel.appendChild(document.createTextNode(""));
   },
 
   panelIsOpen: function()
@@ -821,7 +820,7 @@ const gFormSubmitObserver = {
     }
 
     // Limit the message to 256 characters.
-    this.panel.firstChild.nodeValue = element.validationMessage.substring(0, 256);
+    this.panel.firstChild.textContent = element.validationMessage.substring(0, 256);
 
     element.focus();
 

browser/base/content/browser.xul

@@ -167,7 +167,9 @@
     <panel type="autocomplete-richlistbox" id="PopupAutoCompleteRichResult" noautofocus="true" hidden="true"/>
 
     <!-- for invalid form error message -->
-    <panel id="invalid-form-popup" noautofocus="true" hidden="true" level="parent"/>
+    <panel id="invalid-form-popup" noautofocus="true" hidden="true" level="parent">
+      <description/>
+    </panel>
 
     <panel id="editBookmarkPanel"
            orient="vertical"