search

pkf1994 / pengithub-vue

0 stars 1 forks source link

Vue purposely removes vendor prefixes when using style binding #5

Open czf1998 opened 4 years ago

czf1998 commented 4 years ago

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 commented 4 years ago

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