Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vue purposely removes vendor prefixes when using style binding #5

Open
czf1998 opened this issue Dec 24, 2019 · 1 comment
Open

Vue purposely removes vendor prefixes when using style binding #5

czf1998 opened this issue Dec 24, 2019 · 1 comment

Comments

@czf1998
Copy link

czf1998 commented Dec 24, 2019

Version
2.6.10

Reproduction link
https://jsfiddle.net/80o2ef9w/

Steps to reproduce
Create an element and add style bind
ing:

<div :style="{'-webkit-clip-path': 'some values'}">example</div>
What is expected?
<div style="-webkit-clip-path: some values">example</div>
What is actually happening?
<div style="clip-path: some values">example</div>
In the docs, it is stated that Vue supposedly automatically adds vendor prefixes to CSS properties if it needs them, but not for clip-path. In Safari, the -webkit- prefix is required to be specified in order for it to work.

@phb1972
Copy link

phb1972 commented Dec 24, 2019

It lookss like Safari has both clipPath & webkitClipPath on elements (tested on Safari v13.0.2)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants