0
Stolperte über einen visuellen Bug auf Safari 10.1.2 (einige Versionen nur irgendwie). Könnten Sie mir helfen, einen Weg zu finden oder einen Workaround zu dem zu finden, was ich erreichen möchte? Es funktioniert in allen anderen getesteten Browsern und früheren Versionen von Safari.Safari 10 Überlauf + Skew Bug
So auf Safari 10.1.2 wenn:
- eine positive skewY (größer als
transform: skewY(0deg);) ist - dieses Element die Eigenschaft auf ein Element angewendet
overflow: hidden; hat
das Element einfach tut nicht oder nur teilweise angezeigt. Es zeigt nach einer Strg + A "Alles auswählen".
Hier ist ein JSFiddle um das Problem zu veranschaulichen (Anmerkung: Sie müssen 10 Safari sehen, was ich meine): https://jsfiddle.net/7c7f4z6v/2/
Das ist, wie Anzeigen auf jedem anderen Browser:
und das ist, wie es zeigt auf Safari 10:
Danke für Ihre Hilfe! Hier ist die echte Webseite, auf der ich das Problem erfahre: - http://unfold.thevolumeproject.com/beta/ Kannst du mir sagen, ob es für dich dort gut zu funktionieren scheint? – Raoulito
Gern geschehen! Die Website funktioniert auch in Safari, können Sie die genauen Versionen von Safari und Ihrem Betriebssystem bereitstellen? Ich werde versuchen, das Problem dann reproduzieren –
Ah ... lange Geschichte kurz: - Ich habe Safari 10 mich nicht und der Fehler wurde in letzter Minute von meinem Client berichtet (sie verwendet Safari 10.1.2). - Wir haben auch festgestellt, dass das Problem auf Safari auf iOS der gleichen Generation vorhanden ist. - Ich isolierte das Problem von einem iPhone, wo ich den Fehler sah, da es das einzige fehlerhafte Gerät war, auf das ich zugreifen konnte (hier kommt der Screenshot) - Da der JSfiddle in iOS abgehört hat, habe ich erwartet, dass es einen Fehler macht auf Safari auch ... aber anscheinend tut es nicht, und die Web site funktioniert auch, die meinem Klienten widerspricht! Noch zeigt die Website Probleme auf Safari auf iOS 10.3.3 – Raoulito