Closed deleonio closed 2 weeks ago
Es gibt die Anfrage nach einem Multi-Select als Einzeiler. Dabei werden die Optionen wie im Single-Select aufgeklappt, sobald die Komponente den Fokus hat. Die ausgewählten Elemente sind als Badgets innerhalb des Input-Feldes eingebettet.
Nach weiterem Feedback ist die aktuelle Umsetzung des Multi-Selects ungünstig, da ein Benutzer nicht mehrere Elemente nur mit der Maus selektieren kann und sie viel Platz in Anspruch nimmt.
Vorteile sind:
Eine gefundene Implementierung: https://ej2.syncfusion.com/documentation/multi-select/accessibility
Filter-Input soll mit readonly-Input verschmolzen werden.
Bitte um Beachtung: https://github.com/public-ui/kolibri/issues/6608
Beschreibung: Wir benötigen ein Auswahlfeld, aus dem der Benutzer genau eine vorgegebene Option (
SingleSelect
) wählen kann.Vorbilder
Anforderungen:
1. Allgemeine Funktionalität:
Select
) bereitstellen, in dem nur eine Option ausgewählt werden kann.Der allgemeine Aufbau ist wie folgt:![image](https://github.com/public-ui/kolibri/assets/37439758/0016c33c-5fcc-48d0-b3bf-f8d602fd6519)
2. Darstellung:
input
-Tag, das das Label der ausgewählten Option anzeigt.3. Interaktion:
4. Auswahl einer Option:
5. Eigenschaften und Konfiguration:
_options
heißen und eine Liste der verfügbaren Optionen enthalten.6. Barrierefreiheit:
Technische Details:
Komponentenstruktur:
Select
Komponente:input
-Tag (read-only) für die Anzeige der ausgewählten Option.Eigenschaften:
_options
: Eine Liste der verfügbaren Optionen. Jede Option sollte ein Objekt mitvalue
undlabel
enthalten.Beispiel für die
_options
Property:Akzeptanzkriterien: