Added autocapitalize to input fields (#23)

krazkidd · Oct 10, 2023 · 1c69430 · 1c69430
1 parent ba59718
commit 1c69430
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/components/lineup/LineupNewSpot.vue b/components/lineup/LineupNewSpot.vue
@@ -47,6 +47,7 @@ function createSpot(e: Event) {
       @focus="focused = true"
       @blur="focused = false"
       :placeholder="focused ? 'Enter player name' : '+ Add A Player'"
+      autocapitalize="words"
     />
 
     <div class="shrink-0 px-1 py-2">

diff --git a/components/lineup/LineupSpot.vue b/components/lineup/LineupSpot.vue
@@ -50,6 +50,7 @@ onKeyStroke("Backspace", (e) => {
             class="grow inline-block overflow-x-hidden text-ellipsis bg-transparent focus:shadow rounded placeholder-gray-500 dark:placeholder-gray-500 px-1"
             placeholder="Enter player name"
             :disabled="teamStore.isLocked"
+            autocapitalize="words"
         />
 
         <LineupPositionButton

diff --git a/pages/lineup/index.vue b/pages/lineup/index.vue
@@ -39,6 +39,7 @@ useSortable(sortableContainer, spots, {
                 class="grow inline-block overflow-x-hidden text-ellipsis bg-transparent focus:shadow rounded px-1"
                 placeholder="Team Name"
                 :disabled="teamStore.isLocked"
+                autocapitalize="words"
             />
 
             <SettingsLockButton />