fixes #22:

Chrome 55+ hot fix: render SVG first, then add clip-path property
andrusieczko · Dec 20, 2016 · b674856 · b674856
1 parent 8e4b14f
commit b674856
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # clip-path-polygon changelog
 
+### 0.1.11 (2016-12-20)
+* [BUGFIX] Chrome 55+ hot fix: render SVG first, then add clip-path property
+
 ### 0.1.10 (2016-05-07)
 * [BUGFIX] change `display: none` on the created `svg` elements to `position: absolute; visibility: hidden` (sometimes `display: none` didn't work in Firefox)
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "clip-path-polygon",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "homepage": "https://github.com/andrusieczko/clip-path-polygon",
   "authors": [
     "Karol Andrusieczko <karol.andrusieczko@gmail.com>"

diff --git a/build/clip-path-polygon.min.js b/build/clip-path-polygon.min.js
diff --git a/js/clip-path-polygon.js b/js/clip-path-polygon.js
@@ -1,5 +1,5 @@
 /*!
- * jQuery clip-path-polygon Plugin v0.1.10 (2016-05-07)
+ * jQuery clip-path-polygon Plugin v0.1.11 (2016-12-20)
  * jQuery plugin that makes easy to use clip-path on whatever tag under different browsers
  * https://github.com/andrusieczko/clip-path-polygon
  * 
@@ -48,12 +48,12 @@ var jQuery = jQuery || globalVariable.jQuery || (require && require('jquery'));
 
     _createClipPath: function(points) {
       this._createSvgDefs();
-      if (this.isForWebkit) {
-        this._createWebkitClipPath(points);
-      }
       if (this.isForSvg) {
         this._createSvgBasedClipPath(points);
       }
+      if (this.isForWebkit) {
+        this._createWebkitClipPath(points);
+      }
     },
 
     _createWebkitClipPath: function(points) {

diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "main": "js/clip-path-polygon",
   "url": "https://github.com/andrusieczko/clip-path-polygon",
   "description": "jQuery plugin that makes easy to use clip-path on whatever tag under different browsers",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "repository": {
     "type": "git",
     "url": "git://github.com/andrusieczko/clip-path-polygon.git"