From eef5003830a3a44e9795ac6d65a4eae9cfb6279a Mon Sep 17 00:00:00 2001
From: yoshihara <h.yoshihara@everyleaf.com>
Date: Tue, 14 Apr 2015 16:06:54 +0900
Subject: [PATCH 1/2] Focus inputbox when its label is clicked

---
 app/views/shared/vue/_in_tail_format.html.erb | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/shared/vue/_in_tail_format.html.erb b/app/views/shared/vue/_in_tail_format.html.erb
index 14aed03..a7fae2c 100644
--- a/app/views/shared/vue/_in_tail_format.html.erb
+++ b/app/views/shared/vue/_in_tail_format.html.erb
@@ -1,13 +1,13 @@
 <script type="text/template" id="format-bundle">
     <div class="form-inline form-group">
-      <label>format</label>
-      <select name="setting[format]" v-model="format" class="form-control">
+      <label for="setting_format">format</label>
+      <select id="setting_format" name="setting[format]" v-model="format" class="form-control">
         <option v-repeat="selectableFormats" value="{{ $value }}" v-attr="selected: format==$value">{{ $value }}</option>
       </select>
     </div>
     <div class="form-inline form-group" v-repeat="options">
-      <label>{{ $value }} </label>
-      <input type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" />
+      <label for="setting_{{ $value }}">{{ $value }} </label>
+      <input id="setting_{{ $value }}" type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" />
     </div>
 </script>
 

From d2fb84b1c2437fd238c082947f2d70117e409aa0 Mon Sep 17 00:00:00 2001
From: yoshihara <h.yoshihara@everyleaf.com>
Date: Tue, 14 Apr 2015 16:36:20 +0900
Subject: [PATCH 2/2] Add more prefix to be more unique

---
 app/views/shared/vue/_in_tail_format.html.erb | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/shared/vue/_in_tail_format.html.erb b/app/views/shared/vue/_in_tail_format.html.erb
index a7fae2c..8537739 100644
--- a/app/views/shared/vue/_in_tail_format.html.erb
+++ b/app/views/shared/vue/_in_tail_format.html.erb
@@ -1,13 +1,13 @@
 <script type="text/template" id="format-bundle">
     <div class="form-inline form-group">
-      <label for="setting_format">format</label>
-      <select id="setting_format" name="setting[format]" v-model="format" class="form-control">
+      <label for="in_tail_setting_format">format</label>
+      <select id="in_tail_setting_format" name="setting[format]" v-model="format" class="form-control">
         <option v-repeat="selectableFormats" value="{{ $value }}" v-attr="selected: format==$value">{{ $value }}</option>
       </select>
     </div>
     <div class="form-inline form-group" v-repeat="options">
-      <label for="setting_{{ $value }}">{{ $value }} </label>
-      <input id="setting_{{ $value }}" type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" />
+      <label for="in_tail_setting_{{ $value }}">{{ $value }} </label>
+      <input id="in_tail_setting_{{ $value }}" type="text" name="setting[{{ $value }}]" v-model="params.setting[$value]" size="100%" class="form-control" />
     </div>
 </script>