Unterschiedliche Breite des Nummerfeldes im Range

[laske185]

Das Nummernfeld-Feld im Input-Number hat unterschiedliche Breiten.

Aufgefallen im https://github.com/public-ui/kolibri/pull/7180

[sdvg]

Meines Erachtens kein Bug, weil die Breite des Inputs bewusst anhand der maximal möglichen Ziffernzahl berechnet wird. Also z.B. Max Value 10000 ≈ 5 Ziffern ≈ 5ch + 1.5em

Vielleicht würde es hier aber Sinn ergeben, "4 Ziffern" nicht nur als Fallback- sondern auch als Minimum-Wert zu definieren.

[laske185]

• Mindestbreite des Inputs 4 Ziffern.
• Wenn Komponente zu schmal:
  • Range ausblenden (darf das ausgeblendet werden?) oder
  • Umbrechen

[cbraehmig]

Mögliche Umsetzung:

[Roman-Use]

Wir haben dies mit Christian und Dirk besprochen und sind zu dem Ergebnis gekommen, dass dies umgebrochen werden soll, wenn der Platz allgemein nicht ausreichend vorhanden ist (beispielsweise bei Zoom oder aufgrund benutzerdefinierten Einstellungen). Dazu soll der Input-number-stepper unterhalb des range-sliders verschoben werden, wie Christian es visuell dargestellt hat.

[deleonio]

Umbrechen ist aus meiner Sicht keine gute Idee, da alle Inputs, außer die Textarea inline mit gleicher Höhe verwendet und erwartet wird.

Vorschlag: Wird das Range zu schmal, wird der Stepper ausgeblendet. Da ein Number Input entgegen des reinen Steppers vollständig barrierefrei ist.

[Roman-Use]

@deleonio Das wäre auch eine mögliche Alternative.

[Roman-Use]

https://github.com/public-ui/kolibri/issues/7281#issuecomment-2850146727 Entscheidung aus Abstimmungstermin A11y Sync wird das Bedienelement umgebrochen.