cssinjs / cssinjs/jss

Dynamic styles and vendor prefixes not working as expected

Open
#1,409 0 comments 0 reactions 0 assignees View on GitHub
bug help wanted
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.