From 5391d5b5c12f0290562883487eb11477f94a1073 Mon Sep 17 00:00:00 2001
From: karnan7 <adithkayalad@gmail.com>
Date: Fri, 7 Aug 2026 21:47:47 +0530
Subject: [PATCH] fix(settings): clear animation fps limit field on blur when
 invalid

---
 frontend/src/ts/components/ui/form/InputField.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/ts/components/ui/form/InputField.tsx b/frontend/src/ts/components/ui/form/InputField.tsx
index 75074d3b5071..2201646cd2db 100644
--- a/frontend/src/ts/components/ui/form/InputField.tsx
+++ b/frontend/src/ts/components/ui/form/InputField.tsx
@@ -70,7 +70,7 @@ export function InputField(props: {
         autocomplete={props.autocomplete}
         name={props.field().name as string}
         value={convertValueToString(props.field().state.value)}
-        onBlur={() => {
+        onBlur={(e) => {
           if (
             props.resetToDefaultIfEmptyOnBlur &&
             (props.field().state.value === undefined ||
@@ -83,6 +83,9 @@ export function InputField(props: {
           }
           shakeItIfYouWantIt();
           props.field().handleBlur();
+          e.currentTarget.value = convertValueToString(
+            props.field().state.value,
+          );
         }}
         onInput={(e) => {
           const value: unknown = convertStringToValue(