alexjoverm/v-lazy-image

Not working iPhone 7 plus with IOS 11

jigeshraval opened this issue · 8 comments

jigeshraval commented

Not working properly with iPhone browsers such as Chrome, Safari and Mozilla

mornir commented

You need to install the w3c Intersection Observer polyfill in case you're targeting a browser which doesn't support it.
Intersection Observer is supported from iOS v12.2

EnzoBatista commented

@mornir How did you implement this fix?

EnzoBatista commented

@mornir I've already done it, but thank you anyway

mornir commented

https://github.com/Timkor/nuxt-polyfill (there's an example for intersection-observer)

mornir commented

@jigeshraval Can you please close the issue?

teuzinPereira commented

@mornir How did you implement this fix?

https://github.com/w3c/IntersectionObserver/tree/master/polyfill

@webistomin I installed polyfill as mention in docs, but the problem persist.
According docs, just need to install via NPM and use require('intersection-observer').

I xcode console the error reported before is not showing anymore, but the image that´s suposeed to be load, is not showing.

There is any other configuration to be done?

tks

webistomin commented

@mornir How did you implement this fix?

https://github.com/w3c/IntersectionObserver/tree/master/polyfill

@webistomin I installed polyfill as mention in docs, but the problem persist.
According docs, just need to install via NPM and use require('intersection-observer').

I xcode console the error reported before is not showing anymore, but the image that´s suposeed to be load, is not showing.

There is any other configuration to be done?

tks

I'm using nuxt.js, so I can only help you with that framework.

Alternatively, you can install pollyfill through Polyfill.io.

Just insert this
<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CIntersectionObserverEntry"></script>

  • 👍1