Skip to content

Commit c293494

Browse files
committed
fix: address review comments on number input handling
1 parent 6261300 commit c293494

1 file changed

Lines changed: 5 additions & 4 deletions

File tree

dashboard/src/components/shared/ConfigItemRenderer.vue

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,7 @@
148148
v-if="itemMeta?.slider"
149149
:model-value="toNumber(numericTemp ?? modelValue)"
150150
@update:model-value="val => { numericTemp = val; emitUpdate(toNumber(val)) }"
151+
@end="numericTemp = null"
151152
:min="itemMeta?.slider?.min ?? 0"
152153
:max="itemMeta?.slider?.max ?? 100"
153154
:step="itemMeta?.slider?.step ?? 1"
@@ -159,7 +160,7 @@
159160
<v-text-field
160161
:model-value="numericTemp ?? modelValue"
161162
@update:model-value="val => (numericTemp = val)"
162-
@blur="e => { emitUpdate(toNumber(e.target.value)); numericTemp = null }"
163+
@blur="() => { emitUpdate(toNumber(numericTemp)); numericTemp = null }"
163164
density="compact"
164165
variant="outlined"
165166
class="config-field"
@@ -363,12 +364,12 @@ function getSpecialSubtype(value) {
363364
font-size: 14px;
364365
}
365366
366-
:deep(input[type='number']::-webkit-inner-spin-button),
367-
:deep(input[type='number']::-webkit-outer-spin-button) {
367+
:deep(.config-field input[type='number']::-webkit-inner-spin-button),
368+
:deep(.config-field input[type='number']::-webkit-outer-spin-button) {
368369
-webkit-appearance: none;
369370
}
370371
371-
:deep(input[type='number']) {
372+
:deep(.config-field input[type='number']) {
372373
-moz-appearance: textfield;
373374
}
374375
</style>

0 commit comments

Comments
 (0)