🐞 Bug: SingleSelect-Komponente lässt sich optisch nicht zurücksetzen

[MarkusSchreiber]

Link to the code that reproduces this issue:

https://codesandbox.io/p/devbox/minimal-kolibri-sample-forked-sp62dm?workspaceId=ws_NDnWv7YGneP82C9sKTC7VS

Can you categorise where the error occurs?

React

Which browser or operating system do you used to test KoliBri?

Firefox, Chrome

How to reproduce issue?

Relevant im Beispiel ist Teil 2: Wird der Wert des SingleSelect durch den Button "zurücksetzen" auf undefined gesetzt, so wird das SingleSelect zunächst leer dargestellt. Nachdem aber irgendwo hingeklickt wird, erscheint der zuvor selektierte Wert wieder im SingleSelect. Teil 1 bezieht sich auf #7002: Das ist ein ähnliches Problem, das ich aber nicht nachvollziehen konnte und das möglicherweise inzwischen behoben wurde. Der Unterschied zwischen Teil 1 und Teil 2 scheint zu sein, dass in Teil 1 der Wert ein String ist und in Teil 2 ein Objekt. Ich habe getestet mit KoliBri 2.2.8.

Current vs. Expected:

Wenn der Wert eines SingleSelect programmatisch auf undefined gesetzt wird, sollte im SingleSelect kein Wert angezeigt werden.

Environment informations:

bash { "Operating System": { "platform": "linux", "arch": "x64", "version": "6.1.0-32-amd64" }, "Binaries": { "node": "v22.14.0", "npm": "10.9.2", "pnpm": "9.15.5", "yarn": "N/A" }, "Relevant Packages": { "@public-ui/components": "^2.2.8", "@public-ui/react": "^2.2.8", "@public-ui/themes": "^2.2.8", "react": "^18.3.1", "react-dom": "^18.3.1", "typescript": "^4.9.5" } }

[sdvg]

Vielen Dank für das Reproduktionsbeispiel!

Das PR sollte das Problem lösen.

Zusätzlich ist aber auch noch wichtig, alle Änderungen, die von der Komponente emitted werden, in den State zu übernehmen. Sonst wird die Änderung zu undefined ggf. nicht erkannt, wenn der Initialwert bereits undefined war. Stichwort Controlled Input.

Deshalb wäre folgende Ergänzung im Beispiel noch wichtig:

_on={{
    onInput: (_, value) => {
        setAuswahl(value);
    },
}}