Eingabefelder zoomen nicht mehr: 16px setzen sich jetzt auch durch

Beim Antippen eines Feldes auf dem Willkommensbildschirm zoomte iOS die
ganze Seite heran und machte sie verschiebbar. Ursache war nicht eine
fehlende Regel, sondern eine unterlegene: grundlage.css und .dm-eingabe
setzen laengst 16px, aber @audi-dash/ui setzt ".ads-feld input" auf 13.5px -
Klasse plus Typ schlaegt die blosse Klasse. Unterhalb von 16px zoomt iOS
beim Fokus, das ist der ganze Mechanismus.

Behoben mit einem spezifischeren Selektor im App-CSS, gleicher Wert wie
ohnehin beabsichtigt. @audi-dash/ui bleibt unangetastet, wie schon beim
type=date-Fall darunter.

Bewusst nicht genommen: user-scalable=no im Viewport. Das haette das
Symptom in einer Zeile versteckt, nimmt aber allen das Aufziehen - und
dasselbe Buendel wird auch als Web-App aus Home Assistant ausgeliefert.
This commit is contained in:
Paul Nothaft
2026-08-29 13:34:07 +02:00
parent 4e97656a75
commit 4fa5d4bc2d
3 changed files with 33 additions and 0 deletions
+14
View File
@@ -24,6 +24,20 @@
color: var(--fg3);
}
/* Die 16px oben sind nicht Geschmack, sondern Pflicht: unterhalb davon zoomt
iOS beim Antippen eines Eingabefelds die ganze Seite heran, danach lässt
sich die Ansicht verschieben - in einer nativen Hülle wirkt das wie ein
Fehler (Nutzerbefund 2026-08-29, Willkommensbildschirm).
Sie kamen bisher nie an: @audi-dash/ui setzt ".ads-feld input" auf 13.5px,
und dieser Selektor ist spezifischer (Klasse + Typ) als das bloße
".dm-eingabe" - er gewinnt also, egal in welcher Reihenfolge geladen wird.
Deshalb hier dieselbe Angabe noch einmal, spezifisch genug um zu greifen.
@audi-dash/ui bleibt unangetastet, wie schon beim type=date-Fall unten. */
.ads-feld input.dm-eingabe,
.ads-feld select.dm-auswahl {
font-size: 16px;
}
/* type="date": ohne appearance-Reset behält Safari/WKWebView (die iOS-Hülle
dieser App) sein eigenes, stark abgerundetes natives Eingabe-Chrome statt
der Box-Optik aus @audi-dash/ui's Feld - beim Nutzer sichtbar als