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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/faq/fehler/suche-input-mobile-zoom.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.