Fix input autofocus under Vue.js v2.6

server/src/main/resources/static/client.js

@@ -257,6 +257,9 @@ var vm = new Vue({
 				this.opponentScore = 0;
 			}
 		}
+	},
+	mounted: function() {
+		document.getElementById('nicknameInput').focus();
 	}
 });
 

server/src/main/resources/static/index.html

@@ -15,7 +15,7 @@
       <div class="body row nofooter">
         <div v-show="!username" class="form">
           <h2>What is your name?</h2>
-          <input id="nicknameInput" type="text" class="form-control" maxlength="16" autofocus>
+          <input id="nicknameInput" type="text" class="form-control" maxlength="16">
           <p class="error-message">{{ usernameError }}</p>
         </div>
         <div v-show="username">