How to disable animation on components

[manelclos]

Hi!

How can I disable select’s q-popover animation? with lots of options it feels sluggish on mobile.

Thanks!

[a47ae]

The animate class is hard coded into the component source, but you could override the CSS for the popover with this line:

.q-popover.animate-scale {
    animation: none;
}

[manelclos]

Hi @a47ae, that worked perfectly! I’ll do the same for other animations, thanks!

[a47ae]

Glad it worked, but keep in mind that in future versions the animate-scaleclass name could change so keep an eye on this.

[spectrolite]

@rstoenescu could we have a prop for that in all animated components please?
e.g. adding no-animation to a component would do that css override (or anything else appropriate internally to forfeit the animation effect)

or maybe animation="none" if you plan on later allowing custom animations to be set through that same prop ( /wink /wink /nudge /nudge )