Cardshifter / HTML-Client

HTML/CSS/JS-based client for Cardshifter
http://cardshifter.zomis.net
Apache License 2.0
13 stars 5 forks source link

Value Animations not working with `npm run build` #165

Closed Zomis closed 6 years ago

Zomis commented 6 years ago

After using npm run build, the Value Animations does not work. But they work fine when running npm run dev.

Phrancis commented 6 years ago

Could this possibly offer some hints? https://stackoverflow.com/a/47288011/3626537

Zomis commented 6 years ago

@Phrancis I don't think so as we're 1) Not using animations, we're using transitions. 2) The Value component does not have <style scoped> (In fact, it doesn't have any <style> at all...)

Zomis commented 6 years ago

I have analyzed a bit further and it seems like it's the same classes that are used on the DOM element, but in production they are removed after 2 frames, but in dev they are removed after 12 frames (running at 15 frames per second). So the problem seems to be that the animation elements are removed too early.

Zomis commented 6 years ago

See https://stackoverflow.com/a/50825756/1310566