refactor: manage format on blur/focus on the Increment input

axelor · Nov 26, 2024 · 857fb30 · 857fb30
1 parent 78edee3
commit 857fb30
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/changelogs/unreleased/87393.json b/changelogs/unreleased/87393.json
@@ -0,0 +1,5 @@
+{
+  "title": "Increment: modify format management on blur/focus",
+  "type": "refactor",
+  "packages": "ui"
+}
diff --git a/packages/ui/src/components/molecules/Increment/Increment.tsx b/packages/ui/src/components/molecules/Increment/Increment.tsx
@@ -146,8 +146,17 @@ const Increment = ({
     handleResult(newValue);
   };
 
+  const handleStartInput = () => {
+    defaultFormatting &&
+      setValueQty(current => unformat(current).replace('.', decimalSpacer));
+
+    onFocus();
+  };
+
   const handleEndInput = () => {
-    const unformattedValue = defaultFormatting ? unformat(valueQty) : valueQty;
+    const unformattedValue = defaultFormatting
+      ? valueQty.replaceAll(',', '.')
+      : valueQty;
 
     if (unformattedValue === '' || unformattedValue == null) {
       handleResult(0);
@@ -176,7 +185,7 @@ const Increment = ({
           value={valueQty != null ? String(valueQty) : ''}
           onChange={input => setValueQty(input)}
           keyboardType={keyboardType}
-          onSelection={onFocus}
+          onSelection={handleStartInput}
           onEndFocus={handleEndInput}
           readOnly={readonly}
         />