Dynamic styles and vendor prefixes not working as expected
- Dominant language
- JavaScript
- Stars
- 7.1k
- Forks
- 386
- PR merge metrics
- No merged PRs in 30d
Description
__Expected behavior:__
I have a dynamic style that read a prop and return its value, I think that the vendor prefixes plugin is not working well in this case.
__Describe the bug:__
I tried to generate the a css class with lineClamp key inside it, I expected that this is transformed to 'webkit-line-clamp'. This works well if I use a static style, but it doesn't if it is a dynamic one.
If I change the order in which the plugins are created and move 'jss-plugin-vendor-prefixer' to the first element, it seems to work.
__Codesandbox link:__
https://codesandbox.io/s/lucid-sutherland-7l2ry?file=/src/App.js
__Versions (please complete the following information):__
- jss: 10.4
- Browser [e.g. chrome, safari]: Chrome
- OS [e.g. Windows, macOS]: macOS/Linux
Contributor guide
Assessment
This issue has not been assessed yet.