Web admin settings page number input broken #3092

Closed
opened 2026-02-05 07:40:53 +03:00 by OVERLORD · 2 comments
Owner

Originally created by @NicholasFlamy on GitHub (May 9, 2024).

The bug

The number input field value is changed to the minimum when going under the minimum value and changed to the maximum when going over the maximum value. This is intended. The problem with this is that if you try and backspace the value to type in a new one, it'll become 0 and instantly update to the minimum.

What should happen is it waits until you tap outside of the input box (deselecting/defocusing the box) so that you're able to set the value.

Note: Ignore the fact I'm in an unreleased part of the settings, this applies to the other settings with number inputs, including job concurrency, Image Quality, ML Settings, etc.

This screenshot is where I hit backspace on the value and it instantly resets to the minimum:
Screenshot_20240509_125740_Chrome

This is the only workaround, putting your cursor in front or behind the value and typing some digits to make it your value with the old value now added to yours and you can backspace what was the old value:
Screenshot_20240509_125823_Chrome

The OS that Immich Server is running on

N/A

Version of Immich Server

All

Version of Immich Mobile App

N/A

Platform with the issue

  • Server
  • Web
  • Mobile

Your docker-compose.yml content

N/A

Your .env content

N/A

Reproduction steps

1. Go to administration page.
2. Open a menu like Machine Learning and go to one of the options with a number.
3. Backspace the number and see the minimum keeps appearing when you hit backspace. 
...

Relevant log output

No response

Additional information

I'm using a Samsung Galaxy S21 on Android 14 with Google Chrome. Also tested on Brave on Linux Mint.

Originally created by @NicholasFlamy on GitHub (May 9, 2024). ### The bug The number input field value is changed to the minimum when going under the minimum value and changed to the maximum when going over the maximum value. This is intended. The problem with this is that if you try and backspace the value to type in a new one, it'll become 0 and instantly update to the minimum. What should happen is it waits until you tap outside of the input box (deselecting/defocusing the box) so that you're able to set the value. Note: Ignore the fact I'm in an unreleased part of the settings, this applies to the other settings with number inputs, including job concurrency, Image Quality, ML Settings, etc. This screenshot is where I hit backspace on the value and it instantly resets to the minimum: ![Screenshot_20240509_125740_Chrome](https://github.com/immich-app/immich/assets/30300649/4076dc81-9b96-423b-be17-60a3e94a5482) This is the only workaround, putting your cursor in front or behind the value and typing some digits to make it your value with the old value now added to yours and you can backspace what was the old value: ![Screenshot_20240509_125823_Chrome](https://github.com/immich-app/immich/assets/30300649/87c39f92-bc5a-4f69-a180-59c86f6c8587) ### The OS that Immich Server is running on N/A ### Version of Immich Server All ### Version of Immich Mobile App N/A ### Platform with the issue - [ ] Server - [X] Web - [ ] Mobile ### Your docker-compose.yml content ```YAML N/A ``` ### Your .env content ```Shell N/A ``` ### Reproduction steps ```bash 1. Go to administration page. 2. Open a menu like Machine Learning and go to one of the options with a number. 3. Backspace the number and see the minimum keeps appearing when you hit backspace. ... ``` ### Relevant log output _No response_ ### Additional information I'm using a Samsung Galaxy S21 on Android 14 with Google Chrome. Also tested on Brave on Linux Mint.
OVERLORD added the 🖥️web label 2026-02-05 07:40:53 +03:00
Author
Owner

@NicholasFlamy commented on GitHub (May 9, 2024):

Oh also, this is the code handling the number input and the setting of the minimum/maximum value:

https://github.com/immich-app/immich/blob/main/web/src/lib/components/shared-components/settings/setting-input-field.svelte#L31

@NicholasFlamy commented on GitHub (May 9, 2024): Oh also, this is the code handling the number input and the setting of the minimum/maximum value: https://github.com/immich-app/immich/blob/main/web/src/lib/components/shared-components/settings/setting-input-field.svelte#L31
Author
Owner

@NicholasFlamy commented on GitHub (May 9, 2024):

Big edit:
I realized the desktop has the same problem. I'm just dumb and didn't check.

@NicholasFlamy commented on GitHub (May 9, 2024): Big edit: I realized the desktop has the same problem. I'm just dumb and didn't check.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#3092