> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/faq/fehler/suche-input-mobile-zoom.md).

# 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.

{% embed url="<https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone>" %}

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:

![Zoom-Funktion des Browser Safari bei Input-Feldern](/files/TkvwB1ILUzTdZDFzbkkH)

### 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.

![](/files/N3CR5uShKfzejJURiMIh)