From b4f26c56cf65993a8cb27695638e1171c704c187 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 8 Jul 2026 00:25:21 +0700
Subject: [PATCH] refactor: remove autofocus attribute from input fields in
 various forms for consistent user experience

---
 .../pages/admin/finance/cash/form/CashTransactionFormModal.vue  | 2 +-
 .../finance/employee-advances/form/EmployeeAdvanceFormModal.vue | 2 +-
 .../employee-advances/form/RejectEmployeeAdvanceModal.vue       | 2 +-
 .../js/pages/admin/finance/expenses/form/ExpenseFormModal.vue   | 2 +-
 .../admin/hr/leave-requests/form/LeaveRequestFormModal.vue      | 2 +-
 .../admin/hr/leave-requests/form/RejectLeaveRequestModal.vue    | 2 +-
 .../pages/admin/manage/cuttings/table/CuttingRejectDialog.vue   | 2 +-
 .../pages/admin/manage/orders/form/CustomerQuickCreateModal.vue | 2 +-
 .../js/pages/admin/master/categories/form/CategoryFormModal.vue | 2 +-
 .../js/pages/admin/master/customers/form/CustomerFormModal.vue  | 2 +-
 .../js/pages/admin/master/suppliers/form/SupplierFormModal.vue  | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/resources/js/pages/admin/finance/cash/form/CashTransactionFormModal.vue b/resources/js/pages/admin/finance/cash/form/CashTransactionFormModal.vue
index 36589ae..6155b75 100644
--- a/resources/js/pages/admin/finance/cash/form/CashTransactionFormModal.vue
+++ b/resources/js/pages/admin/finance/cash/form/CashTransactionFormModal.vue
@@ -150,7 +150,7 @@ const placeholder = computed(() =>
                     <FieldSet class="grid gap-4">
                         <Field>
                             <FieldLabel for="cash-amount" required>Jumlah</FieldLabel>
-                            <RupiahInput id="cash-amount" v-model="form.amount" autofocus />
+                            <RupiahInput id="cash-amount" v-model="form.amount" />
                             <FieldError :errors="formErrors(form, 'amount')" />
                         </Field>
                         <Field>
diff --git a/resources/js/pages/admin/finance/employee-advances/form/EmployeeAdvanceFormModal.vue b/resources/js/pages/admin/finance/employee-advances/form/EmployeeAdvanceFormModal.vue
index 02091db..0402914 100644
--- a/resources/js/pages/admin/finance/employee-advances/form/EmployeeAdvanceFormModal.vue
+++ b/resources/js/pages/admin/finance/employee-advances/form/EmployeeAdvanceFormModal.vue
@@ -118,7 +118,7 @@ function submit() {
                     <FieldSet class="grid gap-4">
                         <Field>
                             <FieldLabel for="employee-advance-amount" required>Jumlah</FieldLabel>
-                            <RupiahInput id="employee-advance-amount" v-model="form.amount" autofocus />
+                            <RupiahInput id="employee-advance-amount" v-model="form.amount" />
                             <FieldError :errors="formErrors(form, 'amount')" />
                         </Field>
                         <Field>
diff --git a/resources/js/pages/admin/finance/employee-advances/form/RejectEmployeeAdvanceModal.vue b/resources/js/pages/admin/finance/employee-advances/form/RejectEmployeeAdvanceModal.vue
index b5ec45f..405f256 100644
--- a/resources/js/pages/admin/finance/employee-advances/form/RejectEmployeeAdvanceModal.vue
+++ b/resources/js/pages/admin/finance/employee-advances/form/RejectEmployeeAdvanceModal.vue
@@ -77,7 +77,7 @@ function submit() {
                         <Field>
                             <FieldLabel for="reject-reason" required>Alasan Penolakan</FieldLabel>
                             <Textarea id="reject-reason" v-model="form.reason" placeholder="Tuliskan alasan penolakan"
-                                rows="3" autofocus :maxlength="FIELD_LIMITS.reason" />
+                                rows="3" :maxlength="FIELD_LIMITS.reason" />
                             <FieldError :errors="formErrors(form, 'reason')" />
                         </Field>
                     </FieldSet>
diff --git a/resources/js/pages/admin/finance/expenses/form/ExpenseFormModal.vue b/resources/js/pages/admin/finance/expenses/form/ExpenseFormModal.vue
index b75e3e6..e7e6e49 100644
--- a/resources/js/pages/admin/finance/expenses/form/ExpenseFormModal.vue
+++ b/resources/js/pages/admin/finance/expenses/form/ExpenseFormModal.vue
@@ -125,7 +125,7 @@ function submit() {
                     <FieldSet class="grid gap-4">
                         <Field>
                             <FieldLabel for="expense-amount" required>Jumlah</FieldLabel>
-                            <RupiahInput id="expense-amount" v-model="form.amount" autofocus />
+                            <RupiahInput id="expense-amount" v-model="form.amount" />
                             <FieldError :errors="formErrors(form, 'amount')" />
                         </Field>
                         <Field>
diff --git a/resources/js/pages/admin/hr/leave-requests/form/LeaveRequestFormModal.vue b/resources/js/pages/admin/hr/leave-requests/form/LeaveRequestFormModal.vue
index 5f58d94..2b4efb5 100644
--- a/resources/js/pages/admin/hr/leave-requests/form/LeaveRequestFormModal.vue
+++ b/resources/js/pages/admin/hr/leave-requests/form/LeaveRequestFormModal.vue
@@ -98,7 +98,7 @@ function submit() {
                         </p>
                         <Field>
                             <FieldLabel for="leave-start-date" required>Tanggal Mulai</FieldLabel>
-                            <DatePicker id="leave-start-date" v-model="form.start_date" autofocus />
+                            <DatePicker id="leave-start-date" v-model="form.start_date" />
                             <FieldError :errors="formErrors(form, 'start_date')" />
                         </Field>
                         <Field>
diff --git a/resources/js/pages/admin/hr/leave-requests/form/RejectLeaveRequestModal.vue b/resources/js/pages/admin/hr/leave-requests/form/RejectLeaveRequestModal.vue
index 3b0aa76..a5d91df 100644
--- a/resources/js/pages/admin/hr/leave-requests/form/RejectLeaveRequestModal.vue
+++ b/resources/js/pages/admin/hr/leave-requests/form/RejectLeaveRequestModal.vue
@@ -77,7 +77,7 @@ function submit() {
                         <Field>
                             <FieldLabel for="reject-reason" required>Alasan Penolakan</FieldLabel>
                             <Textarea id="reject-reason" v-model="form.reason"
-                                placeholder="Masukkan alasan penolakan" rows="3" autofocus
+                                placeholder="Masukkan alasan penolakan" rows="3"
                                 :maxlength="FIELD_LIMITS.reason" />
                             <FieldError :errors="formErrors(form, 'reason')" />
                         </Field>
diff --git a/resources/js/pages/admin/manage/cuttings/table/CuttingRejectDialog.vue b/resources/js/pages/admin/manage/cuttings/table/CuttingRejectDialog.vue
index 4d2b65e..d163216 100644
--- a/resources/js/pages/admin/manage/cuttings/table/CuttingRejectDialog.vue
+++ b/resources/js/pages/admin/manage/cuttings/table/CuttingRejectDialog.vue
@@ -68,7 +68,7 @@ function submitReject() {
                         <Field>
                             <FieldLabel for="cutting-reject-reason" required>Alasan Penolakan</FieldLabel>
                             <Textarea id="cutting-reject-reason" v-model="rejectForm.reason"
-                                placeholder="Masukkan alasan penolakan" rows="3" autofocus
+                                placeholder="Masukkan alasan penolakan" rows="3"
                                 :maxlength="FIELD_LIMITS.reason" />
                             <FieldError :errors="rejectForm.errors.reason
                                 ? [rejectForm.errors.reason]
diff --git a/resources/js/pages/admin/manage/orders/form/CustomerQuickCreateModal.vue b/resources/js/pages/admin/manage/orders/form/CustomerQuickCreateModal.vue
index 595a2de..8b861b2 100644
--- a/resources/js/pages/admin/manage/orders/form/CustomerQuickCreateModal.vue
+++ b/resources/js/pages/admin/manage/orders/form/CustomerQuickCreateModal.vue
@@ -101,7 +101,7 @@ async function submit() {
                                 v-model="form.name"
                                 type="text"
                                 placeholder="Masukkan nama pelanggan"
-                                autofocus
+
                                 :maxlength="FIELD_LIMITS.name"
                             />
                             <FieldError
diff --git a/resources/js/pages/admin/master/categories/form/CategoryFormModal.vue b/resources/js/pages/admin/master/categories/form/CategoryFormModal.vue
index 1f2b351..b445f91 100644
--- a/resources/js/pages/admin/master/categories/form/CategoryFormModal.vue
+++ b/resources/js/pages/admin/master/categories/form/CategoryFormModal.vue
@@ -95,7 +95,7 @@ function submit() {
                         <Field>
                             <FieldLabel for="category-name" required>Nama</FieldLabel>
                             <Input id="category-name" v-model="form.name" type="text" placeholder="Masukkan nama kategori"
-                                autofocus :maxlength="FIELD_LIMITS.categoryName" />
+                                :maxlength="FIELD_LIMITS.categoryName" />
                             <FieldError :errors="formErrors(form, 'name')" />
                         </Field>
                     </FieldSet>
diff --git a/resources/js/pages/admin/master/customers/form/CustomerFormModal.vue b/resources/js/pages/admin/master/customers/form/CustomerFormModal.vue
index 474be64..3ef3d06 100644
--- a/resources/js/pages/admin/master/customers/form/CustomerFormModal.vue
+++ b/resources/js/pages/admin/master/customers/form/CustomerFormModal.vue
@@ -101,7 +101,7 @@ function submit() {
                         <Field>
                             <FieldLabel for="customer-name" required>Nama</FieldLabel>
                             <Input id="customer-name" v-model="form.name" type="text" placeholder="Masukkan nama pelanggan"
-                                autofocus :maxlength="FIELD_LIMITS.name" />
+                                :maxlength="FIELD_LIMITS.name" />
                             <FieldError :errors="formErrors(form, 'name')" />
                         </Field>
                         <Field>
diff --git a/resources/js/pages/admin/master/suppliers/form/SupplierFormModal.vue b/resources/js/pages/admin/master/suppliers/form/SupplierFormModal.vue
index efe40a6..4ee17fc 100644
--- a/resources/js/pages/admin/master/suppliers/form/SupplierFormModal.vue
+++ b/resources/js/pages/admin/master/suppliers/form/SupplierFormModal.vue
@@ -101,7 +101,7 @@ function submit() {
                         <Field>
                             <FieldLabel for="supplier-name" required>Nama</FieldLabel>
                             <Input id="supplier-name" v-model="form.name" type="text"
-                                placeholder="Masukkan nama supplier" autofocus :maxlength="FIELD_LIMITS.name" />
+                                placeholder="Masukkan nama supplier" :maxlength="FIELD_LIMITS.name" />
                             <FieldError :errors="formErrors(form, 'name')" />
                         </Field>
                         <Field>