animation-bug: unwanted attributes with from/to

Question

animation-bug: unwanted attributes with from/to

bigmistqke opened this issue 2 years ago · comments

animations are currently not working with css, because unwanted attributes are being added to the stylesheet.

from the solidjs-template (npx degit solidjs/templates/js my-app), the animation of the logo gets compiled to:

@keyframes c-Anonymous-c8d13f94-0-logo-spin{from[s\:c-Anonymous-c8d13f94-0]{transform:rotate(0deg)}to[s\:c-Anonymous-c8d13f94-0]{transform:rotate(360deg)}}

while it should be

@keyframes c-Anonymous-c8d13f94-0-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

Alexis H. Munsayac · Answer 1 · Thu Jan 26 2023 21:31:58 GMT+0800 (China Standard Time)

Seems like the body of keyframes are being treated as style rules by the parser.

Alexis H. Munsayac · Answer 2 · Thu Jan 26 2023 21:54:41 GMT+0800 (China Standard Time)

Should be fixed in 0.7.5

bigmistqke · Answer 3 · Thu Jan 26 2023 22:25:08 GMT+0800 (China Standard Time)

nice, works on my end too.
thanks alexis 👍