search

cssinjs / css-vendor

Runtime vendor prefixing based on feature detection.
MIT License
67 stars 24 forks source link

Property clip-path #74

Open kof opened 5 years ago

kof commented 5 years ago

Reported here https://github.com/mui-org/material-ui/issues/9293#issuecomment-463036973

Automatic prefixing when needed is not working as expected. I'm trying to use clip-path, which needs to be prefixed in Safari.

`myStyle: { clipPath: 'polygon(0% 0%, 100% 0%, 100% 250px, 0% 100%)', }`

When I view my page in Safari and inspect that code, there is no vendor prefix for clip-path. I'm using Material UI core v3.9.0 and JSS v9.8.7 with jss-preset-default.

https://codesandbox.io/s/o40xvvrq25

kof commented 5 years ago

Update those props have been put into a black list because they are inconsistent across engines https://github.com/cssinjs/css-vendor/blob/master/tests/fixtures.js#L73

Now we either need to find a way to vendor-prefix them correctly or document this behavior making them a user responsibility.

cibulka commented 4 years ago

Any updates on this? Thanks!