mirror/Cleanuparr
1
0
Fork 0
mirror of https://github.com/Cleanuparr/Cleanuparr.git synced 2026-05-08 23:03:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix number input eager clamping on keystrokes (#583)

Browse Source
This commit is contained in:
Mike Lonergan
2026-04-25 15:06:26 -07:00
committed by GitHub
parent 5d400ad854
commit db2e3e71db
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
code/frontend/src/app/ui/number-input/number-input.component.html
View File

@@ -27,7 +27,7 @@
[step]="step()"
[value]="value()"
(input)="onInput($event)"
(blur)="blurred.emit($event)"
(blur)="onBlur($event)"
/>
@if (suffix()) {
<span class="number-suffix">{{ suffix() }}</span>

27
code/frontend/src/app/ui/number-input/number-input.component.ts
View File

@@ -34,21 +34,22 @@ export class NumberInputComponent {
this.value.set(null);
return;
}
this.value.set(Number(target.value));
}
let num = Number(target.value);
const minVal = this.min();
const maxVal = this.max();
if (minVal != null) {
num = Math.max(num, minVal);
onBlur(event: FocusEvent): void {
const current = this.value();
if (current != null) {
let clamped = current;
const minVal = this.min();
const maxVal = this.max();
if (minVal != null) { clamped = Math.max(clamped, minVal); }
if (maxVal != null) { clamped = Math.min(clamped, maxVal); }
if (clamped !== current) {
this.value.set(clamped);
}
}
if (maxVal != null) {
num = Math.min(num, maxVal);
}
target.value = String(num);
this.value.set(num);
this.blurred.emit(event);
}
increment(): void {