From 692bda59d639d03ee78ad4d9f17b1a8427826ab6 Mon Sep 17 00:00:00 2001
From: Gary Williams <gary@lbm.co>
Date: Thu, 15 Aug 2019 21:54:59 -0400
Subject: [PATCH] Fix to getSize Function

Preventing the issues happening here:

https://github.com/BosNaufal/vue2-scrollbar/issues/48

Sometimes there is no children which causes undefined issues.
---
 src/js/components/vue-scrollbar.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/js/components/vue-scrollbar.vue b/src/js/components/vue-scrollbar.vue
index 3e15c22..8937c23 100644
--- a/src/js/components/vue-scrollbar.vue
+++ b/src/js/components/vue-scrollbar.vue
@@ -256,22 +256,24 @@
         this.dragging = false
       },
 
-      getSize(){
+      getSize: function getSize () {
         // The Elements
-        let $scrollArea = this.$refs.scrollArea
-        let $scrollWrapper = this.$refs.scrollWrapper
+        var $scrollArea = this.$refs.scrollArea;
+        var $scrollWrapper = this.$refs.scrollWrapper;
 
+        var $height = $scrollArea.children[0] ? $scrollArea.children[0].clientHeight : 0;
+        var $width = $scrollArea.children[0] ? $scrollArea.children[0].clientWidth : 0;
         // Get new Elements Size
-        let elementSize = {
+        var elementSize = {
           // Scroll Area Height and Width
-          scrollAreaHeight: $scrollArea.children[0].clientHeight,
-          scrollAreaWidth: $scrollArea.children[0].clientWidth,
+          scrollAreaHeight: $height,
+          scrollAreaWidth: $width,
 
           // Scroll Wrapper Height and Width
           scrollWrapperHeight: $scrollWrapper.clientHeight,
-          scrollWrapperWidth: $scrollWrapper.clientWidth,
-        }
-        return elementSize
+          scrollWrapperWidth: $scrollWrapper.clientWidth
+        };
+        return elementSize;
       },
 
       calculateSize(cb){