Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to hide the ⚠️ emoji on animation error? #185

Open
kyle-cognizant opened this issue Aug 16, 2023 · 4 comments
Open

How to hide the ⚠️ emoji on animation error? #185

kyle-cognizant opened this issue Aug 16, 2023 · 4 comments

Comments

@kyle-cognizant
Copy link

kyle-cognizant commented Aug 16, 2023

We are listening to the error event on dotlottie-player falling back to static svg image. This works well, however there is a brief delay before the error event is emitted, and during this time window, the ⚠️ is visible.

Can't seem to add display: none; to the .error class due to shadow dom.

@samuelOsborne
Copy link
Contributor

@kyle-cognizant Would hiding the container be possible instead?

@kyle-cognizant
Copy link
Author

kyle-cognizant commented Aug 16, 2023

Not possible due to the delay in the error event being emitted. I think the only solution to this is to add a an option on the dotlottie-player component to allow users to customize the string shown when there is an error.

@kyle-cognizant
Copy link
Author

fyi @samuelOsborne seems like this issue is only prevalent on v2.

i recently downgraded to 1.4.0 due to the significantly smaller bundle size, and the issue has gone away.

@samuelOsborne
Copy link
Contributor

Thanks for the pointer @kyle-cognizant - will investigate

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants