From 5cd24f2c46927d334f1f4c5b30b1cbe6ac8b7c81 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 26 Feb 2026 14:12:11 +0700
Subject: [PATCH] refactor(FE): Fix form error list visibility and field touch
 handling

---
 .../inventory/adjustment/form/InventoryAdjustmentForm.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx b/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
index 3051d863..9daf5be4 100644
--- a/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
+++ b/src/components/pages/inventory/adjustment/form/InventoryAdjustmentForm.tsx
@@ -412,8 +412,8 @@ const InventoryAdjustmentForm = ({
     const subtypeOption = val as OptionType | null;
     const selectedSubtype = subtypeOption?.value as string;
 
-    formik.setFieldValue('transaction_subtype', selectedSubtype);
     formik.setFieldTouched('transaction_subtype', true);
+    formik.setFieldValue('transaction_subtype', selectedSubtype);
 
     setSelectedTransactionSubtype(subtypeOption);
   };
@@ -748,7 +748,11 @@ const InventoryAdjustmentForm = ({
               readOnly={type === 'detail'}
             />
           </div>
-          <AlertErrorList formErrorList={formErrorList} onClose={close} />
+          <section
+            className={`${formErrorList.length > 0 ? 'block' : 'hidden'} mt-4`}
+          >
+            <AlertErrorList formErrorList={formErrorList} onClose={close} />
+          </section>
           <div className='flex flex-col sm:flex-row sm:justify-end gap-2 mt-4'>
             {type !== 'detail' && (
               <>