🐞 Bug: Inkonsistentes Focusverhalten bei Eingabefeldern

[ChrPtt]

Beschreibung

Ein unerwartetes und inkonsistentes Klickverhalten bei Eingabefeldtypen beeinträchtigt die Benutzerfreundlichkeit. Das Kernproblem liegt darin, dass das Label und der umgebende <div>-Container, der den Eingabebereich optisch vergrößert, das Klick-Ereignis nur beim ersten Mal korrekt an das Eingabefeld weitergeben. Dies führt dazu, dass bei jedem weiteren Klick der Fokus verloren geht, obwohl die visuelle Rückmeldung eine weitere Interaktion suggeriert.

URL zur Reproduktion

https://stackblitz.com/edit/vitejs-vite-lufk3qmq

Schritte zur Reproduktion

siehe Reproduktionsbeispiel

Screenshots

No response

Komponenten

Input-Text

Browser

Chrome

[laske185]

Das Verhalten entsteht durch delegatesFocus. Es wurde im Commit 5696b5e für das Issue #6869 eingebaut, um den TabIndex zu ermöglichen. Hier muss eine andere Lösung gefunden werden, da es zu viele Nebeneffekte, die in diesem Ticket aufgelistet sind, hat.

[BF150]

Ich hab mir das ganze durch den Kopf gehen lassen.
An sich macht delegatesFocus ja genau das wofür es da ist. Jedenfalls bei Komponenten die nur aus einer Klickfläche bestehen wie dem Button. Hier müssen wir eigentlich nichts ändern.

Schwierig sind Komponenten mit mehreren Klickflächen wie eben die Inputs mit ihren inneren Labeln.
Die Frage ist auch können und sollten wir tabindex bei solchen Komponenten komplett deaktivieren? Denn eigentlich passiert wenig gutes aus a11y Sich,t wenn man an dem rumfummelt. Vor allen an Inputs.