use boundingClientRect for svg element hidden detection (fix vuejs#2396)

yyx990803 · yyx990803 · commit 59868bbe9205 · 2016-02-28T02:24:39.000-05:00
diff --git a/src/transition/transition.js b/src/transition/transition.js
@@ -379,9 +379,16 @@ p.setupCssCb = function (event, cb) {
  */
 
 function isHidden (el) {
-  return !(
-    el.offsetWidth ||
-    el.offsetHeight ||
-    el.getClientRects().length
-  )
+  if (/svg$/.test(el.namespaceURI)) {
+    // SVG elements do not have offset(Width|Height)
+    // so we need to check the client rect
+    var rect = el.getBoundingClientRect()
+    return !(rect.width || rect.height)
+  } else {
+    return !(
+      el.offsetWidth ||
+      el.offsetHeight ||
+      el.getClientRects().length
+    )
+  }
 }
