Eingabetyp = Datum in iOS 7
Ich habe eine mobile Webanwendung entwickelt, und mir ist eine Änderung bezüglich iOS 7 aufgefallen, insbesondere:
- Wenn ein Webseitenformular ein Eingabe-Tag vom Typ = Datum enthält und der Wert des Datumsfelds leer ist (kein Datumswert), wird das Feld in Safari auf seltsame Weise gerendert, so dass die Höhe des Textfeld ist sehr klein (ungefähr 25% der Höhe eines normalen Eingabetyps = Textfeld). Sobald ein Datum in das Steuerelement eingegeben wurde, entspricht die Höhe des Textfelds einem Typ = Textfeld.
Das ist nicht in iOS 6 passiert, aber in iOS 7. Das Problem ist, dass es nicht gut aussieht, wenn diese Datumsfelder auf diese Weise gerendert werden. Ich würde es vorziehen, dass sie wie ein normaler Typ = Textfeld aussehen, selbst wenn sie leer sind.
- Kann ich irgendetwas tun, damit das passiert?
- Gibt es einen Anfangswert, den ich an die Textfelder type = date weitergeben kann, damit sie wie immer gerendert werden?
Vielen Dank im Voraus.
mit Screenshots aktualisiert:
gut: 
schlecht: 
(diese weiße Box sollte größer sein und Platzhaltertext anzeigen)
3 Antworten
Ich hatte gerade den gleichen Fehler auf einer meiner Websites. Nach der Untersuchung scheint der Fehler auf iOS7 zu passieren, wenn die CSS-Eigenschaft background-color auf transparent gesetzt ist. Leere Datumseingaben Höhe und Breite werden dann verkleinert.
Es sieht also so aus, als müssten wir entweder background-color: transparent entfernen oder die Höhe und Breite der Datumseingaben manuell einstellen: (
Die andere Antwort (mit Hintergrundfarbe) könnte für ihre Umstände korrekt sein, aber für uns hat das das Problem nicht behoben. Wir mussten am Ende eine Höhe für die Eingabe angeben. Das hat den Trick gemacht. Definitiv ein nerviger Bug.