search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.34k stars 2.87k forks source link

Lottie disappears when viewed using in-app browsers iOS. #2449

Open Sabotag3d opened 3 years ago

Sabotag3d commented 3 years ago

I'm using the Elementor lottie player on a WordPress site. However when the site is opened in another app such as Twitter or Instagram using the embedded browser the animation disappears.

The animation displays correctly in dedicated desktop and mobile browsers.

However, when the site is opened in another app such as Twitter or Instagram using the embedded iOS browser the animation is not visible and doesn't appear to be recognized as an element.

The animation in question can be found here.

lottie-error

bodymovin commented 3 years ago

this looks pretty difficult to debug. I see that elementor is using css variables for width, opacity, etc. Maybe the built-in browsers don't support one of those features. Can you try changing them to fixed sizes and see if that fixes it?