Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03415.jsonl.gz/496

Bei der Verwendung von Safari auf iOS wir der Inhalt eines als display: flex definierten Elements nicht angezeigt.1
Safari auf iOS zeigt ein Fehlverhalten bei der gleichzeitigen Verwendung eines Flexbox-Containers und gefloateten Elementen. In dieser Konstellation werden die gefloateten Elemente nicht angezeigt. Der Container nimmt aber trotzdem die benötigte Grösse ein.
- Float entfernen (wird bei der Verwendung von flexbox, mit Ausnahme als Fallback, sowieso nicht benötigt)
- Flexbox-Elemente als position: relative definieren
Safari auf iOS scheint bei Klicks auf ein <span>-Element innerhalb eines <label>-Elements den Klick zu ignorieren und selektiert das entsprechende Input-Element nicht.
Über die CSS-Eigenschaft pointer-events: none; kann das Verhalten korigiert werden.