Fix: Check if the value from the input field fits into the step settings

CarbonPackages · Nov 26, 2024 · aee37f3 · aee37f3
1 parent 96e2884
commit aee37f3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/Resources/Private/RangeEditor/Editor/index.js b/Resources/Private/RangeEditor/Editor/index.js
@@ -40,7 +40,18 @@ function Editor(props) {
 
     useEffect(() => {
         if (debouncedState != value) {
-            changeValue(debouncedState);
+            // Check if the value from the input field fits into the step settings
+            const { step, min } = options;
+            const number = parseFloat(debouncedState);
+            let addValue = step - ((number - min) % step);
+            if (addValue == 0 || addValue == step) {
+                addValue = 0;
+            }
+            if (addValue > step / 2) {
+                addValue = addValue - step;
+            }
+            const finalValue = Math.min(options.max, Math.max(options.min, number + addValue));
+            changeValue(finalValue);
         }
     }, [debouncedState]);
 

diff --git a/Resources/Public/Plugin.js b/Resources/Public/Plugin.js