Updated bower.json

Author: tachyon1337

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "md-scroll",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "authors": [
     "S. Francis"
   ],
@@ -41,7 +41,8 @@
   ],
   "dependencies": {
     "polymer": "Polymer/polymer#^1.0.0",
-    "elliptical-polymer-behaviors": "~1.1.0"
+    "elliptical-polymer-behaviors": "~1.1.0",
+    "elliptical-mutation-summary": "~1.0.2"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

md-scroll.html

@@ -1,4 +1,6 @@
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../elliptical-polymer-behaviors/component-behavior.html">
+<link rel="import" href="../elliptical-mutation-summary/elliptical-mutation-summary.html">
 <script src="ftscroller.js"></script>
 
 <dom-module id="md-scroll">
@@ -12,43 +14,68 @@
 
         is: 'md-scroll',
 
+        behaviors: [Elliptical.ComponentBehavior],
 
         properties: {
-           selector:{
-               type:String,
-               value:null
-           },
-           _scroller:{
-               type:Object,
-               value:null
-           }
+            selector:{
+                type:String,
+                value:'[md-scroll]'
+            },
+            _scroller:{
+                type:Object,
+                value:null
+            }
         },
 
         ready:function(){
-            var self=this;
-            setTimeout(function(){
-                self._initScroll();
-            },500);
+            this._events();
         },
 
         detached:function(){
-            var scroller=this._scroller;
-            scroller.destroy();
+            this._destroyScroller();
         },
 
-        _initScroll:function(){
-            var selector=(this.selector) ? this.selector : '[md-scroll]';
-            var container = $(document).find(selector)[0];
-            if(container){
-                var scroller = new FTScroller(container, {
-                    scrollbars: false,
-                    scrollingX: false
-                });
-                this._scroller=scroller;
+        _events:function(){
+            this._event($(document),'OnDocumentMutation',this._onMutation.bind(this));
+        },
 
+        _onMutation:function(event,summary){
+            var self=this;
+            var scrollable;
+            var added=summary.added;
+            var removed=summary.removed;
+            if(added && added.length > 0) {
+                if(this._scroller) return;
+                added=$(added);
+                scrollable=added.find(this.selector);
+                if(scrollable[0]) {
+                    setTimeout(function(){
+                        self._initScroll(scrollable[0]);
+                    },1250);
+                }
+            }
+            if(removed && removed.length){
+                if(!this._scroller) return;
+                removed=$(removed);
+                scrollable=removed.find(this.selector);
+                if(scrollable[0]) this._destroyScroller();
             }
         },
 
+        _destroyScroller:function(){
+            var scroller=this._scroller;
+            if(scroller) scroller.destroy();
+        },
+
+        _initScroll:function(scrollable){
+            var scroller = new FTScroller(scrollable, {
+                scrollbars: false,
+                scrollingX: false
+            });
+
+            this._scroller=scroller;
+        }
+
     });
 
 </script>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "md-scroll",
   "description": "md-scroll",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "author": "S. Francis",
   "license": "MIT",
   "repository": {