CREDENTIAL: Remove hack from demo.

Author: mikewest

demos/credential-management/index.html

@@ -31,13 +31,13 @@ <h1>Exciting Website</h1>
   </section>
   <dialog>
     <form>
-    <!-- UGLY HACK: working around https://crbug.com/529272
+      <button>Sign in via Federation.com</button>
+      <hr>
       <label for="username">Username:</label>
       <input id="username" type="text" name="username" autocomplete="username"></input>
       <label for="password">Password:</label>
       <input id="password" type="password" name="password" autocomplete="new-password"></input>
       <input type="submit">
-    -->
     </form>
   </dialog>
 </body>

demos/credential-management/script.js

@@ -49,29 +49,18 @@ function processResponse(c) {
  * if no credential is provided).
  */
 document.querySelector('#signin').addEventListener('click', function () {
-  var formHTML = '' +
-    '<button>Sign in via Federation.com</button>' +
-    '<hr>' +
-    '<label for="username">Username:</label>' +
-    '<input id="username" type="text" name="username" autocomplete="username"></input>' +
-    '<label for="password">Password:</label>' +
-    '<input id="password" type="password" name="password" autocomplete="new-password"></input>' +
-    '<input type="submit">';
-
   console.log("Clicked 'sign in!'");
   if (navigator.credentials) {
     navigator.credentials.get({
       password: true
     }).then(function (c) {
       processResponse(c);
       if (!c) {
-        document.querySelector('form').innerHTML = formHTML;
         document.querySelector('form button').addEventListener('click', handleFederation);
         document.querySelector('dialog').showModal();
       }
     });
   } else {
-    document.querySelector('form').innerHTML = formHTML;
     document.querySelector('form button').addEventListener('click', handleFederation);
     document.querySelector('dialog').showModal();
   }