Fix-bug: users can not pan the chart on after chart init

dabeng · dabeng · commit ebd3d6cbe3f3 · 2016-11-25T14:12:04.000+08:00
diff --git a/examples/ajax-datasource/index.html b/examples/ajax-datasource/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/color-coded/index.html b/examples/color-coded/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/direction/bottom2top.html b/examples/direction/bottom2top.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/direction/left2right.html b/examples/direction/left2right.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/direction/right2left.html b/examples/direction/right2left.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/drag-drop/index.html b/examples/drag-drop/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/edit-orgchart/index.html b/examples/edit-orgchart/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../../dist/css/jquery.orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/export-orgchart/index.html b/examples/export-orgchart/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/get-hierarchy/index.html b/examples/get-hierarchy/index.html
@@ -7,7 +7,7 @@
 
   <title>Organization Chart Plugin</title>
 
-  <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+  <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
   <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
   <link rel="stylesheet" href="../css/orgchart.css">
   <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/integrate-map/index.html b/examples/integrate-map/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.18.2/ol.css">
     <link rel="stylesheet" href="../css/orgchart.css">
diff --git a/examples/local-datasource/index.html b/examples/local-datasource/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/ondemand-loading-data/index.html b/examples/ondemand-loading-data/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/option-createNode/index.html b/examples/option-createNode/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/pan-zoom/index.html b/examples/pan-zoom/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/toggle-sibs-resp/index.html b/examples/toggle-sibs-resp/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../css/orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/ul-datasource/index.html b/examples/ul-datasource/index.html
@@ -7,7 +7,7 @@
 
   <title>Organization Chart Plugin</title>
 
-  <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+  <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
   <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
   <link rel="stylesheet" href="../css/orgchart.css">
   <link rel="stylesheet" href="../css/style.css">
diff --git a/examples/vertical-depth/index.html b/examples/vertical-depth/index.html
@@ -7,7 +7,7 @@
 
     <title>Organization Chart Plugin</title>
 
-    <link rel="icon" type="image/x-icon" href="../img/logo.ico">
+    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
     <link rel="stylesheet" href="https://cdn.rawgit.com/FortAwesome/Font-Awesome/master/css/font-awesome.min.css">
     <link rel="stylesheet" href="../../dist/css/jquery.orgchart.css">
     <link rel="stylesheet" href="../css/style.css">
diff --git a/lib/OrgChart.js b/lib/OrgChart.js
diff --git a/lib/OrgChart.js.map b/lib/OrgChart.js.map
diff --git a/src/index.js b/src/index.js
@@ -1586,7 +1586,7 @@ export default class OrgChart {
       lastY = 0,
       lastTf = window.getComputedStyle(chart).transform;
 
-    if (lastTf !== '') {
+    if (lastTf !== 'none') {
       let temp = lastTf.split(',');
 
       if (!lastTf.includes('3d')) {
@@ -1636,7 +1636,7 @@ export default class OrgChart {
     }
     let lastTf = window.getComputedStyle(chart).transform;
 
-    if (lastTf === '') {
+    if (lastTf === 'none') {
       if (!lastTf.includes('3d')) {
         chart.style.transform = 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')';
       } else {
