However, it turns out it is essentially not compatible with srcset images, at least not if you want your site to work on Safari or iPhone.
The reason for this is not specific to the component itself, but due to the fact that Safari has trouble making ajax calls on srcset.
Not using srcset is not an option, as I only implemented the library to improve load time in the first place.
It seems to me that this is a major enough issue to warrant a fix being included in the component (at least for me it’s a deal breaker if I can’t fix it)
And since the Finsweet team seam really open to making their tool work for people, I was hoping that if someone can figure out a good fix or workaround here, they might consider including it.
Unfortunately I don’t understand much about code yet so I can’t get this started However I have found some threads online that may be relevant cases and include how other people have tried to work around the problem:
In case of success in getting it working on Safari with srcset, I’ll make a clonable project and how-to post for this to hopefully help others in the future. It really is a superior solution to some other clunky infinite scroll options I tried.
So, is anyone in the mood to fix some problems today?
To play around with a use case, the component is on the home page: Webflow - MILKSHAKEN
Published site is milkshaken.net