From 7650fb16a5dc4309716e75f3a505fe4bdce2de9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 17 Jan 2023 22:42:21 +0000
Subject: [PATCH] mouse handler names

---
 ui/src/components/rects/RectPad.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/rects/RectPad.vue b/ui/src/components/rects/RectPad.vue
index b0d91b1..1e04f32 100644
--- a/ui/src/components/rects/RectPad.vue
+++ b/ui/src/components/rects/RectPad.vue
@@ -3,9 +3,10 @@
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 1000 1000"
     preserveAspectRatio="none"
-    @pointerdown="on_pointerdown"
-    @pointermove="on_pointermove"
-    @pointerup="on_pointerup"
+    @mousedown.left="draw_start"
+    @mousemove="on_mousemove"
+    @mouseup.left="draw_finish"
+    @contextmenu.prevent=""
   >
     <Rect
       v-if="preview_state.visible"
@@ -52,7 +53,7 @@ export default class RectPad extends Vue {
   private readonly min_rect_area = 4;
   private rectangles: Rectangle[] = [];
 
-  private on_pointerdown(event: MouseEvent) {
+  private draw_start(event: MouseEvent) {
     if (this.preview_state.visible) {
       return;
     }
@@ -62,11 +63,15 @@ export default class RectPad extends Vue {
     this.preview_state.corner2 = get_event_thous(event);
   }
 
-  private on_pointermove(event: MouseEvent) {
+  private on_mousemove(event: MouseEvent) {
+    if (!this.preview_state.visible) {
+      return;
+    }
+
     this.preview_state.corner2 = get_event_thous(event);
   }
 
-  private on_pointerup() {
+  private draw_finish() {
     this.preview_state.visible = false;
     if (this.preview_rectangle.area >= this.min_rect_area) {
       this.rectangles.push(this.preview_rectangle);