cgould/lingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix input autofocus under Vue.js v2.6

Browse Source
This commit is contained in:
Charles Gould 2019-05-13 00:05:39 -04:00
parent 37ad4c0c99
commit aa8f5ef4e9
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
server/src/main/resources/static/client.js
View File

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

2
server/src/main/resources/static/index.html
View File

@ -15,7 +15,7 @@
<div class="body row nofooter"> <div class="body row nofooter">
<div v-show="!username" class="form"> <div v-show="!username" class="form">
<h2>What is your name?</h2> <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> <p class="error-message">{{ usernameError }}</p>
</div> </div>
<div v-show="username"> <div v-show="username">