fixed cell positioning

abc91199 · Nov 14, 2014 · fd9067c · fd9067c
1 parent 516878d
commit fd9067c
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/bower.json b/bower.json
@@ -9,7 +9,7 @@
   "main": "fin-hypergrid.html",
   "dependencies": {
     "polymer": "Polymer/polymer#^0.4.0",
-    "fin-canvas": "~0.0.3",
+    "fin-canvas": "~0.0.5",
     "fin-rectangle": "~0.2.2",
     "shadow-bar": "~0.12.0"
   },

diff --git a/demo.html b/demo.html
@@ -9,7 +9,7 @@
 </head>
 <body unresolved>
 
-  <fin-hypergrid></fin-hypergrid>
+  <fin-hypergrid style="position:absolute;width:100%;height:100%" ></fin-hypergrid>
 
 </body>
 </html>
diff --git a/fin-hypergrid.css b/fin-hypergrid.css
@@ -1,3 +1,7 @@
 :host {
-
+    position: relative;
+    top: 0;
+    left: 0;
+    right: 0;
+    left: 0;
 }
diff --git a/fin-hypergrid.html b/fin-hypergrid.html
@@ -10,6 +10,8 @@
 <script src="js/Hypergrid.js"></script>
 <polymer-element name="fin-hypergrid">
   <template>
+    <link rel="stylesheet" href="fin-hypergrid.css" />
+    <fin-canvas></fin-canvas>
   </template>
   <script src="fin-hypergrid.js"></script>
 </polymer-element>
diff --git a/js/Hypergrid.js b/js/Hypergrid.js
@@ -356,9 +356,8 @@
         };
 
         self.initShadowRoot = function() {
-            var shadowRoot = this.createShadowRoot();
             this.getShadowRoot = function() {
-                return shadowRoot;
+                return this.shadowRoot;
             };
         };
 
@@ -367,7 +366,7 @@
 
             var self = this;
             var shadowRoot = this.getShadowRoot();
-            var domCanvas = document.createElement('fin-canvas');
+            var domCanvas = shadowRoot.querySelector('fin-canvas');
 
             domCanvas.setAttribute('fps', constants.repaintIntervalRate || 15);