Fix for setting opacity on mobile (#47)

hiddenist · Dec 14, 2023 · 45052f0 · 45052f0
1 parent e26167c
commit 45052f0
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/apps/web/src/components/EditableNumericLabel.tsx b/apps/web/src/components/EditableNumericLabel.tsx
@@ -31,11 +31,16 @@ export function EditableNumericLabel(props: {
         break
       case "Enter":
         e.preventDefault()
+        const value = parseInt(target.innerText)
+        if (isNaN(value)) {
+          props.onCancel()
+          break
+        }
+        props.onChange(value)
         target.blur()
         break
       case "Escape":
         e.preventDefault()
-        target.blur()
         props.onCancel()
         break
       default:
@@ -64,8 +69,14 @@ export function EditableNumericLabel(props: {
     })
   }
 
-  const handleBlur = () => {
-    props.onCancel()
+  const handleBlur = (e: FocusEvent) => {
+    const target = e.target as HTMLSpanElement
+    const value = parseInt(target.innerText)
+    if (isNaN(value)) {
+      props.onCancel()
+      return
+    }
+    props.onChange(value)
   }
 
   return (