From 41ffce1c231b85b00c6ae34d34c89018ca5ca7b2 Mon Sep 17 00:00:00 2001
From: Andreas Weyer <dev@cbaoth.de>
Date: Wed, 3 Dec 2025 22:27:09 +0000
Subject: [PATCH] Fix form-numeric-input missing decimal places

---
 src/components/ui/form-numeric-input.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/ui/form-numeric-input.tsx b/src/components/ui/form-numeric-input.tsx
index 43371d3..ecf7250 100644
--- a/src/components/ui/form-numeric-input.tsx
+++ b/src/components/ui/form-numeric-input.tsx
@@ -132,6 +132,18 @@ const FormNumericInput = React.forwardRef<HTMLInputElement, NumericInputProps>(
       setShowWarning(hasWarning)
     }
 
+    // Ensure value is consistently formatted to the required decimal places
+    React.useEffect(() => {
+      const strVal = String(value)
+      if (strVal === '') return
+      const num = Number(strVal)
+      if (isNaN(num)) return
+      const formatted = num.toFixed(decimalPlaces)
+      if (strVal !== formatted) {
+        onChange(formatted)
+      }
+    }, [value, decimalPlaces, onChange])
+
     const getAlignmentClass = () => {
       switch (align) {
         case 'left': return 'text-left'