Das Masonry-Grid scheint in letzter Zeit etwas fehlerhaft zu sein. Wenn Sie die Fenstergröße ändern, überlappen sich die Elemente und das Masonry-Grid wird nicht beibehalten. Ich habe das gesamte andere CSS auf meiner Website deaktiviert und dies als Beispiel aufgezeichnet:
Einige Benutzer berichten auch, dass die Thumbnails gequetscht werden, wo sie das Seitenverhältnis nicht beibehalten. Es ist schwer zu erkennen, aber viele dieser Bilder werden nicht richtig angezeigt:
Danke für die Meldung! Es scheint ein Problem speziell mit Safari zu sein… Wir hatten eine Feature-Erkennung im CSS für einen Browser-nativen Masonry-Modus, und obwohl Safari dies nicht hat, scheint es zu denken, dass es dies tut, und es verursacht Layoutprobleme.
Ich habe hier einige Korrekturen hinzugefügt: FIX: remove CSS masonry @supports due to Safari issues by awesomerobot · Pull Request #28 · discourse/discourse-topic-thumbnails · GitHub
Das Aktualisieren der Komponente sollte die Überlappungsprobleme und möglicherweise auch die Größenprobleme lösen (aber lassen Sie uns wissen, ob diese weiterhin bestehen).
Das scheint beide Probleme behoben zu haben, vielen Dank für die superschnelle Fehlerbehebung, Kris!
