St 10787/feat/improve quantity input ux (#183)

* ST-10787 feat improve quantity input ux * ST-10787 feat release version
supplycart · Sep 26, 2023 · ba11ea6 · ba11ea6
1 parent 5f30055
commit ba11ea6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@supplycart/ui",
-    "version": "1.14.35",
+    "version": "1.14.36",
     "repository": {
         "type": "git",
         "url": "https://github.com/supplycart/ui"

diff --git a/src/form/components/QuantityInput.vue b/src/form/components/QuantityInput.vue
@@ -23,7 +23,10 @@
         :description="description"
         :required="required"
         :input-class="inputClass"
-        @focus="onFocus = true"
+        @focus="
+            onFocus = true;
+            focus();
+        "
     />
 </template>
 <script>
@@ -125,6 +128,13 @@ export default {
             this.$emit("blur", e);
             this.onFocus = false;
         },
+        focus() {
+            this.$nextTick(function () {
+                const input = this.$el.querySelector("input");
+                input.focus();
+                input.select();
+            });
+        },
     },
 };
 </script>