Neu BUG? Mobile Ansicht ungewollter Zoom beim Tippen in ein Input Feld.

Tritt der Fehler bei dir auch auf?

  • Ja

    Votes: 0 0,0%
  • Nein

    Votes: 0 0,0%

  • Gesamtzahl der Stimmen
    0

TM-8

Aktives Mitglied
24. September 2015
14
0
Hallo,
wenn ich bei eurem Demo- Shop (Tritt auch bei meinen Shop auf und bei anderen) am Handy in ein Input Feld klicke für eine Eingabe (z.B. Suche) zoomt die Seite leicht rein und wenn man das Feld verlässt nicht mehr zurück.
Das kann nicht gewollt sein. Ein zoom ist hier nicht nötig.

Getestet mit;
Handy: iPhone 14 PRO Max
IOS (aktuell): 17.0.3
z.B hier getestet: https://demo.jtl-shop.blackbike-forest.de
oder hier: https://jtl5.shoptemplate.net/shop9/

Habe auch eine Bildschirmaufnahme, habe die auf Youtube geladen, weil man hier keine Videos anhängen kann.


Eine Lösung ist im head Bereich folgende meta Tag zu ersetzen (ist in JTL 5 bereits vorhanden):

HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

ersetzen mit

HTML:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

und/oder die Schriftgröße für Input Felder auf mindestens 17px zu setzen.

CSS:
.form-control {
    font-size: 17px !important;
}

Danke
Tom
 

Ähnliche Themen