*: Added autofocus on all forms' first input or select.

2018-10-31 23:31:40 +01:00
parent 5be6b1ecec
commit 7a1884d1cf
15 changed files with 15 additions and 15 deletions
@@ -4,7 +4,7 @@
  <p key="error" class="color-error">${state.error}</p>

  <label>Title</label>
-  <input key="title" placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />
+  <input key="title" autofocus placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />

  <label>IC Date</label>
  <input key="icdate" placeholder="(Optional)" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -4,7 +4,7 @@
  <p key="error" class="color-error">${state.error}</p>

  <label>Title</label>
-  <input key="title" placeholder="Title" class="big" on-change("change", "title") value=state.values.title />
+  <input key="title" autofocus placeholder="Title" class="big" on-change("change", "title") value=state.values.title />
  
  <label>IC Date</label>
  <input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -4,7 +4,7 @@
  <p key="error" class="color-error">${state.error}</p>

  <label>Title</label>
-  <input key="name" placeholder="Name" class="big" on-change("change", "name") value=state.values.name />
+  <input key="name" autofocus placeholder="Name" class="big" on-change("change", "name") value=state.values.name />

  <label>IC Date</label>
  <input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -6,7 +6,7 @@ $ const selected = (state.selected||{id:null});
  <p key="error" class="color-error">${state.error}</p>

  <label>Target story</label>
-  <select key="story" on-change("change", "selected") value=selected.id>
+  <select key="story" on-change("change", "selected") autofocus value=selected.id>
    <option for(story in state.stories) value=story.id selected=(selected.id === story.id)>${story.name}</option>
  </select>