Archived topic
Weird Blog rendering issue in Safari after export and import from staging server
7 replies · Started by shorshe on June 1, 2021
Hi Generatepress Support,
I used a staging site https://staging.suntoucher.de to develop a layout for my main page https://suntoucher.de. I exported everything in GP-Premium and imported the settings on the main page.
The Plugins, WordPress, Theme and Database are identical and the newest version.
The staging site renders fine in same Version of Safari (14.1 Desktop):
The main site has a rendering issue in Safari (14.1 Desktop):
I disabled all caching Plugins and cleared the cache on my Browser.
The Bug vanishes as soon as new blog articles a fetched from the server.
--- UPDATE ----
I also noticed a smaller rendering misalignment in Firefox.
Hi there,
there are some known bugs with Safari using infinite load and masonry option, see this OPs response and Toms response to that:
Aside of disabling src-set as per OPs comment, first try disabling the infinite load to see if that is the cause.
Disabling infinite scroll solved the issue. For Firefox also.
Staging does not have the problem at all, this is what bugs me.
The Live site has Automptimize enabled, whereas the Staging does not, which may actually be messing with the JS -
Sorry, I accidentally enabled Autoptimize again. Caches are deleted an Autoptimizer is disabled. Same Problem.
On the live site - can you check the Customizer > General --> Structure and make sure its set to Flexbox ( which is what the Staging site is set to ).
Done. No change yet.
––– update ----
OK, I think I found the Problem. I've got EWWW image Optimzier installed. When I deactivate it the issue is gone … weird thing is, that it is also installed on the staging site.
Have you tried turning off srcset to see if that's the root cause?: https://generatepress.com/forums/topic/un-positioned-masonry-posts-show-briefly-on-infinite-scroll-append-in-safari/#post-1493775
