cssinjs / cssinjs/css-vendor

[jss-vendor-prefixer] clip-path to -webkit-clip-path not working

Open
#228 2 comments 0 reactions 1 assignee Claimed by @AleshaOleg View on GitHub
Dominant language
JavaScript
Stars
67
Forks
21
PR merge metrics
No merged PRs in 30d

Description

__Expected behavior:__
When the JSS encounters a clip-path on a webkit browser, it should put a '-webkit-clip-path:' in its place as well.

__Describe the bug:__
There is no change to the CSS. clip-path remains, but will not work with Webkit browsers such as safari.

The JSS
clipPath: 'inset(5px -1px -7px -1px)',

Should result in

'-webkit-clip-path:': 'inset(5px -1px -7px -1px)',

__Codesandbox link:__
Please create a codesandbox.io with the issue. Make it as minimal as possible as this will help us find the bug quicker.

__Versions (please complete the following information):__
- jss: clipPath: 'inset(5px -1px -7px -1px)',
- Browser [e.g. chrome, safari]: Safari & other webkit browsers.
- OS [e.g. Windows, macOS]: MacOS
Feel free to add any additional versions which you may think are relevant to the bug.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.