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

Tree: Loading icon on loadingMode is not spinning as supposed #208

Open
flaviuskc opened this issue Apr 5, 2024 · 2 comments
Open

Tree: Loading icon on loadingMode is not spinning as supposed #208

flaviuskc opened this issue Apr 5, 2024 · 2 comments

Comments

@flaviuskc
Copy link

Hi guys!

I just wanna report that the loading icon in Lazy loadings using loadingMode='icon' on Tree component is not animated as supposed.
I had some attempts to fixed locally but nothing concrete. If someone of the team could take a look at would be great!

I'm attaching an image to find the behavior faster. The icon is exactly as the image below, fixed in that way.
image

@RedLighttt
Copy link

Hey,
i have already noticed this with the dropdown component. I added the tailwind class "animate-spin" to the 'loadingIcon' via PassThrough.
:pt="{ loadingIcon: 'animate-spin' }"

You may need to tell the component to merge the properties:
:pt-options="{ mergeProps: true }"

You can read more about it here: https://primevue.org/tree/#pt.doc.tree

@flaviuskc
Copy link
Author

flaviuskc commented Apr 22, 2024

Hi @RedLighttt ,

This approach I can't do in the project I'm currently working on cause we are using the presets approach and the idea is to have zero options regarding PassThrough in the component at the page.
I have also noticed that I'm using the "animate-spin" class on my preset (but have no effects) and this same issue is in the component at the official website (https://tailwind.primevue.org/tree/#lazy) so I guess it's a core problem.

But thanks anyway for your help!

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