fix: Input value will get selected when focused

TeamWertarbyte · Sep 2, 2024 · 082f75a · 082f75a
1 parent c5af0ac
commit 082f75a
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/lib/components/CurrencyTextField/CurrencyTextField.tsx b/lib/components/CurrencyTextField/CurrencyTextField.tsx
@@ -157,6 +157,14 @@ export const CurrencyTextField: React.FC<CurrencyTextFieldProps> = ({
     }
   };
 
+  /**
+   * Selects the input value when the input is focused.
+   * @param event - The focus event.
+   */
+  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {
+    event.target.select();
+  };
+
   /**
    * Formats the dinero value to a matching number that can be use in NumericFormat
    */
@@ -192,6 +200,7 @@ export const CurrencyTextField: React.FC<CurrencyTextFieldProps> = ({
       min={minimumValue}
       max={maximumValue}
       onBlur={handleBlur}
+      onFocus={handleFocus}
       onValueChange={handleValueChange}
       {...props}
       type={'text'}