Fixed issue with touch devices and the new scrollbar

themes/grav/app/utils/scrollbar.js

@@ -4,31 +4,35 @@ import GeminiScrollbar from 'gemini-scrollbar';
 const defaults = {
     autoshow: false,
     createElements: true,
-    forceGemini: true
+    forceGemini: false
 };
 
 export default class Scrollbar {
     constructor(element, options) {
         this.element = $(element);
+        this.created = false;
         if (!this.element.length) { return; }
 
         this.options = Object.assign({}, defaults, options, { element: this.element[0] });
 
-        this.instance = new GeminiScrollbar(this.options).create();
+        this.element.css('overflow', 'auto');
+        this.instance = new GeminiScrollbar(this.options);
+        this.create();
         this.element.data('scrollbar', this.instance);
     }
 
     create() {
         this.instance.create();
+        this.created = true;
     }
 
     update() {
-        if (typeof this.instance !== 'undefined') {
-            this.instance.update();
-        }
+        if (!this.created) { return false; }
+        this.instance.update();
     }
 
     destroy() {
+        if (!this.created) { return false; }
         this.instance.destroy();
     }
 }

themes/grav/app/utils/sidebar.js

@@ -15,7 +15,7 @@ export default class Sidebar {
     constructor() {
         this.isOpen = false;
         this.matchMedia = global.matchMedia(MOBILE_QUERY);
-        this.scroller = new Scrollbar('#admin-menu', { autoshow: true });
+        this.scroller = new Scrollbar('.admin-menu-wrapper', { autoshow: true });
         this.enable();
     }