keyframes does not convert property names from camelCase to kebab-case
danielkov opened this issue · 1 comments
Description
keyframes does not convert property names from camelCase to kebab-case. This causes some keyframe definitions to not work.
Reproduction
See this CodeSandbox for full repro
Expected behavior
keyframes should create a definition that correctly converts camelCase to kebab-case to make it valid CSS.
Actual behavior
camelCase properties are output in CSS, which means properties with names made up of multiple words, such as border-color can't be animated with the expected API.
Environment
I couldn't find an environment where I couldn't reproduce. Tried using VirtualInjector and CSSOMInjector (although based on the code, it shouldn't make a difference either way).
Update: I've created a PR with a fix at #59
CSB Fork where issue isn't reproducible anymore: https://codesandbox.io/s/otion-keyframes-bug-fixed-in-0c14e9c-cjnbm