Suche / Input mobile Zoom
Problembeschreibung
Der mobile Safari-Browser auf iOS Geräten zoomt in die Seite, wenn in ein Input-Feld wie etwa die Suche per Touch-Eingabe geklickt wird. Das ist nicht etwas ein Bug, sondern ein Feature des Apple Browers. Ist die Schrift im Input-Feld wie etwas der Suche kleiner als 16px, versucht der mobile Safari die Lesbarkeit in dem Feld zu optimieren, indem er in die Seite hineinzoomt.
Ärgerlich ist jedoch, dass beim Verlassen des Eingabe-Feldes der Browser nicht auch automatisch wieder herauzoomt.
Erläuterung
Das Problem wurde auch schon auf Stackoverflow behandelt und ist kein Shopware spezifisches Problem.
Bereits unter Shopware 5 wurde dies im Issue-Tracker von Shopware bemängelt: https://issues.shopware.com/issues/SW-24520
Das Verhalten lässt sich ebenfalls im Standard-Theme von Shopware 6 beobachten:
Lösungsvorschlag
Nach dem aktuellen Stand gibt es keine allgemeine Lösung für dieses Verhalten. Überlegungen die Zoom-Funktion der Seite komplett zu sperren würde andere Probleme in der Usability (Benutzbarkeit) nach sich ziehen.
Die wohl einfachste Lösung ist es, die Eingabe-Felder mit einer Mindestschriftgröße von 16px zu versehen. In der Theme-Konfiguration unter Elemente > Formulare > Grundeinstellungen im Feld Schriftgröße (1) kannst Du diese auf 16px stellen.
Last updated
