Lottie Animations are not visible on the web

[cskonstantyn]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Before I started, this was not an issue a month ago!
Using the Lottie Widget, I upload a file and it shows in the project itself and even animated, not static like it use to be, but when it is published to the web the Lottie animation does not show up anymore!
Here is the image of the project:

Here is the image of the published website

The same issue occurs on any browser, and on phone, tablet and computer

Expected Behavior

Well of course the expected behaviour would be for Lottie animation to show up and not only on the project page but also on the web where our client will go to....... It is our image......

Steps to Reproduce

New page
Add Lottie Widget
Publish to web - see the issue

Reproducible from Blank

• The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4glcr1z89goe5E176JKe9aoCUvH0QgRK00u9tuGEgdCLbyD4lzf8/BQBJtXbyndghAM2f9oHoKzMrSm9z1UccpGwStGdxx1qhqEQ3iJWW6M6qDBZGWSXFuGshPG2a957e3piVTLrBiSEIm712bfujJfBHZNOb4IUdAMeWaJdrXvgfuQ0SLb3kNh1JWeC/v

Context

All of the pages across the whole app do not show the lotties anymore. How it affect us? The app is not usable T_T Many page on the app had lottie to make the user experience more pleasant and now all of them show empty boxes that make the app ugly! It is especially disappointing right after we choose to go for pro plan T_T

Visual documentation

Here is the image of the project:

Here is the image of the published website

Additional Info

It used to work everywhere and we did not even think it could be a problem, everything worked like a charm!!!! PLS FIX IT!

Environment

- FlutterFlow version: v4.0
- Platform: Web
- Browser name and version: Edge, Chrome
- Operating system and version affected: Desktop, iPhone, iPad

[cskonstantyn]

I noticed just now that I provided by accident a different page from the project, but regardless of the page the lotties does not work in the whole project. They don't show up at all anywhere across whole project!

[hariprasadms]

Hi @cskonstantyn - Thanks for submitting the issues. I looked at your project and can see, you got canvas kit option is enabled. Can you check and confirm if there is any change if you disable the canvaskit option?

[hariprasadms]

Here you can see animations are working fine in both the palces, editor and deployed web mode. This is when lottie animations through network and also from assets.

2023-12-04_09-35-39.mp4

[cskonstantyn]

will do that asap meanwhile here is what I found regarding all of the lotties on my end when troubleshooting my page with f12 on my windows laptop with edge browser.

[cskonstantyn]

Ok, I removed the canvaskit and it did work, lotties appear. WHich is strange I had canvaskit always on and lotties was working. Also after I removed canvasKit and published I noticed a new issue. I published on two domain simultaneously. On my main domain and on my test domain. Here is screenshot

My main domain looks alright event though some lotties suddenly shrink like never before. But the real issue is here.
Even though they both posted at the same time they look different! On my test page here:

you can see the weird cut off on the right and bottom and FAB is missing in the right bottom for sure, but when I hover I can kinda guess where it is and click on it which is weird and not presentable for users.

On my main domain lucky enough I don't have this issue:

The page is great and FAB is there.

My point is I don't want to rely on luck next time I press publish. And if something worked before, why would it suddenly stop working. Removing that might have introduce more errors which I am not aware of, will keep you posted if I discover more

[cskonstantyn]

any suggestion on what's next? Your suggestion kinda fixed the problem, but introduced a new problem, which is very random

[hariprasadms]

Please add more details about new problem you are experiencing.

[cskonstantyn]

what kind of details are you looking for?