refactor: remove autofocus attribute from input fields in various forms for consistent user experience
This commit is contained in:
parent
9e0188c9ef
commit
b4f26c56cf
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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]
|
||||
|
||||
@ -101,7 +101,7 @@ async function submit() {
|
||||
v-model="form.name"
|
||||
type="text"
|
||||
placeholder="Masukkan nama pelanggan"
|
||||
autofocus
|
||||
|
||||
:maxlength="FIELD_LIMITS.name"
|
||||
/>
|
||||
<FieldError
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user