css-vendor
css-vendor copied to clipboard
Property clip-path
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
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.
Any updates on this? Thanks!