Replies: 2 comments
-
I was able to use sass variables and prevent the reset. Unfortunately, this doesn't solve the issue. So I guess that vuetify applies some style somethere that interferes. But how to debug that? Some details about the broken animation. I have a sliding panel that slides from the right (at first it's invisible on the right of its container) to the far left so that it covers all its container. For that I animate transform from translateX(100%) to translateX(0px). |
Beta Was this translation helpful? Give feedback.
-
I got a repro ! :) The issue happens when a textfield with the material design style has autofocus set. This combination of props starts an animation on the textfield that interferes with my own animation. Filed a bug. |
Beta Was this translation helpful? Give feedback.
-
I'm porting an existing site to vue and vuetify. So I already have a lot of styles applied to my site that was using normalize.css.
If I don't use vuetify, all goes well. As soon as I use vuetify, I have an issue with animations/layout. I guess this is due to some reset that vuetify applies globally (which is a terrible idea I think but hey).
I read that reset can be prevented by setting $reset=false. But where/how?
Thanks
Btw, in page https://vuetifyjs.com/en/styles/css-reset/#bootstrapping, the link to "sass variables" is broken.
Beta Was this translation helpful? Give feedback.
All reactions