From e7b281739b0196801ce5cad08084d9cbb57e796d Mon Sep 17 00:00:00 2001
From: th33xitus <th33xitus@googlemail.com>
Date: Fri, 10 Jun 2022 19:14:15 +0200
Subject: [PATCH] fix: unable to submit coordinate values (#878)

---
 src/components/inputs/MoveToInput.vue         | 54 +++++++------
 .../panels/ToolheadControls/MoveToControl.vue | 81 ++++++++++---------
 2 files changed, 71 insertions(+), 64 deletions(-)

diff --git a/src/components/inputs/MoveToInput.vue b/src/components/inputs/MoveToInput.vue
index e2d581fe..4c9da3ea 100644
--- a/src/components/inputs/MoveToInput.vue
+++ b/src/components/inputs/MoveToInput.vue
@@ -1,28 +1,30 @@
 <template>
-    <v-text-field
-        v-model="position"
-        :label="`[ ${label} ]`"
-        :suffix="suffix"
-        :disabled="disabled"
-        :readonly="readonly"
-        :error="!validate"
-        hide-details="auto"
-        type="number"
-        hide-spin-buttons
-        outlined
-        reverse
-        dense
-        @blur="onBlur"
-        @focus="!readonly ? $event.target.select() : {}">
-        <template v-if="errorMsg.length" #append>
-            <v-tooltip top>
-                <template #activator="{ on, attrs }">
-                    <v-icon color="error" v-bind="attrs" v-on="on">{{ mdiAlert }}</v-icon>
-                </template>
-                <span>{{ errorMsg.join(', ') }}</span>
-            </v-tooltip>
-        </template>
-    </v-text-field>
+    <form @submit.prevent="submit">
+        <v-text-field
+            v-model="position"
+            :label="`[ ${label} ]`"
+            :suffix="suffix"
+            :disabled="disabled"
+            :readonly="readonly"
+            :error="!validate"
+            hide-details="auto"
+            type="number"
+            hide-spin-buttons
+            outlined
+            reverse
+            dense
+            @blur="onBlur"
+            @focus="!readonly ? $event.target.select() : {}">
+            <template v-if="errorMsg.length" #append>
+                <v-tooltip top>
+                    <template #activator="{ on, attrs }">
+                        <v-icon color="error" v-bind="attrs" v-on="on">{{ mdiAlert }}</v-icon>
+                    </template>
+                    <span>{{ errorMsg.join(', ') }}</span>
+                </v-tooltip>
+            </template>
+        </v-text-field>
+    </form>
 </template>
 
 <script lang="ts">
@@ -67,6 +69,10 @@ export default class MoveToInput extends Mixins(BaseMixin) {
         }
     }
 
+    submit(): void {
+        this.$emit('submit')
+    }
+
     get validate(): boolean {
         const isValid =
             this.position !== '' &&
diff --git a/src/components/panels/ToolheadControls/MoveToControl.vue b/src/components/panels/ToolheadControls/MoveToControl.vue
index 07cbbce9..662a1ee1 100644
--- a/src/components/panels/ToolheadControls/MoveToControl.vue
+++ b/src/components/panels/ToolheadControls/MoveToControl.vue
@@ -13,46 +13,47 @@
                         <span>{{ $t('Panels.ToolheadControlPanel.Position') }}: {{ displayPositionAbsolute }}</span>
                     </v-col>
                 </v-row>
-                <v-form class="pt-3" @keyup.native.enter="sendCmd">
-                    <v-row dense>
-                        <v-col :class="el.is.small ? 'col-12' : 'col-4'">
-                            <move-to-input
-                                v-model="input.x.pos"
-                                :label="livePositions.x"
-                                :suffix="'X'"
-                                :position-max="stepperXmax"
-                                :position-min="stepperXmin"
-                                :current-pos="gcodePositions.x"
-                                :readonly="['printing'].includes(printer_state)"
-                                :disabled="!xAxisHomed"
-                                @validate="validate"></move-to-input>
-                        </v-col>
-                        <v-col :class="el.is.small ? 'col-12' : 'col-4'">
-                            <move-to-input
-                                v-model="input.y.pos"
-                                :label="livePositions.y"
-                                :suffix="'Y'"
-                                :position-max="stepperYmax"
-                                :position-min="stepperYmin"
-                                :current-pos="gcodePositions.y"
-                                :readonly="['printing'].includes(printer_state)"
-                                :disabled="!yAxisHomed"
-                                @validate="validate"></move-to-input>
-                        </v-col>
-                        <v-col :class="el.is.small ? 'col-12' : 'col-4'">
-                            <move-to-input
-                                v-model="input.z.pos"
-                                :label="livePositions.z"
-                                :suffix="'Z'"
-                                :position-max="stepperZmax"
-                                :position-min="stepperZmin"
-                                :current-pos="gcodePositions.z"
-                                :readonly="['printing'].includes(printer_state)"
-                                :disabled="!zAxisHomed"
-                                @validate="validate"></move-to-input>
-                        </v-col>
-                    </v-row>
-                </v-form>
+                <v-row dense>
+                    <v-col :class="el.is.small ? 'col-12' : 'col-4'">
+                        <move-to-input
+                            v-model="input.x.pos"
+                            :label="livePositions.x"
+                            :suffix="'X'"
+                            :position-max="stepperXmax"
+                            :position-min="stepperXmin"
+                            :current-pos="gcodePositions.x"
+                            :readonly="['printing'].includes(printer_state)"
+                            :disabled="!xAxisHomed"
+                            @validate="validate"
+                            @submit="sendCmd"></move-to-input>
+                    </v-col>
+                    <v-col :class="el.is.small ? 'col-12' : 'col-4'">
+                        <move-to-input
+                            v-model="input.y.pos"
+                            :label="livePositions.y"
+                            :suffix="'Y'"
+                            :position-max="stepperYmax"
+                            :position-min="stepperYmin"
+                            :current-pos="gcodePositions.y"
+                            :readonly="['printing'].includes(printer_state)"
+                            :disabled="!yAxisHomed"
+                            @validate="validate"
+                            @submit="sendCmd"></move-to-input>
+                    </v-col>
+                    <v-col :class="el.is.small ? 'col-12' : 'col-4'">
+                        <move-to-input
+                            v-model="input.z.pos"
+                            :label="livePositions.z"
+                            :suffix="'Z'"
+                            :position-max="stepperZmax"
+                            :position-min="stepperZmin"
+                            :current-pos="gcodePositions.z"
+                            :readonly="['printing'].includes(printer_state)"
+                            :disabled="!zAxisHomed"
+                            @validate="validate"
+                            @submit="sendCmd"></move-to-input>
+                    </v-col>
+                </v-row>
             </v-container>
         </template>
     </responsive>