Inputs, Select und Textarea

Im Rahmen des Refactorings zur Verbesserung der Developer Experience haben wir die Input-Komponenten neu strukturiert und sie gemäß der in separierte Komponenten umgesetzt. Auf diese Weise stellen die jeweiligen Komponenten nur noch die Eigenschaften zur Verfügung, die beim jeweiligen Typ auch eine Funktion haben. Eigenschaften die zuvor "mitgeschleppt" wurden, aber keinerlei Funktion haben, wurden aus der Programmierung entfernt.

Vergleich zum HTML-Tag <input>

Schaut man sich die

Umsetzung des <input>-Tags

an, dann werden alle Typen eines Eingabefelds mit nur einem Tag (Komponente) umgesetzt. Dadurch kommt es dazu, dass zwar alle Eigenschaften (Attribute/Properties) möglich sind, aber in Abhängigkeit vom Typ keinerlei Funktion haben.

Diese Umsetzung des Standard-<input>-Tags führt dazu, dass i.d.R. mehr Eigenschaften angeboten werden, als eigentlich funktional zum Typ des Eingabefeldes passen. Das kann zu Missverständnissen bei der Entwicklung führen.

Aufteilung

Die verschiedenen Typen der Eingabefelder wurden in folgende KoliBri-Komponenten aufgeteilt:

• KolInputCheckbox
• KolInputColor
• KolInputDate (ab v1.1.10)
• KolInputEmail
• KolInputFile
• KolInputLocalDateTime (offen, in KolInputDate enthalten)
• KolInputNumber
• KolInputPassword
• KolInputRadio (KolInputRadioGroup wird abgelöst)
• KolInputRange
• KolInputText
• KolSelect
• KolTextarea