Merge pull request #486 from vaadin/fix/2.0-shadow

Fixed issues with native shadow

vaadin-grid-data-source-behavior.html

@@ -69,7 +69,8 @@
        */
       pageSize: {
         type: Number,
-        value: 50
+        value: 50,
+        observer: '_pageSizeChanged'
       },
 
       /**
@@ -99,14 +100,10 @@
       },
     },
 
-    observers: [
-      'clearCache(pageSize)'
-    ],
-
     _getCachedItem: function(index) {
       var page = this._getPageForIndex(index);
 
-      var p = this._cache[page];
+      var p = this._cache && this._cache[page];
 
       if (p) {
         return p[index - page * this.pageSize];
@@ -139,7 +136,7 @@
 
     _uncachedPagesForPhysicalItems: function() {
       return this._pagesForPhysicalItems().filter(function(page) {
-        return this._cache === undefined || this._cache[page] === undefined;
+        return this._cache !== undefined && this._cache[page] === undefined;
       }.bind(this));
     },
 
@@ -240,6 +237,12 @@
 
     _flushItemsDebouncer: function() {
       this.flushDebouncer('load');
+    },
+
+    _pageSizeChanged: function(pageSize, oldPageSize) {
+      if (oldPageSize !== undefined && pageSize !== oldPageSize) {
+        this.clearCache();
+      }
     }
 
   };

vaadin-grid-row-details-behavior.html

@@ -47,7 +47,7 @@
     },
 
     _isExpanded: function(item) {
-      return this.expandedItems.indexOf(item) !== -1;
+      return this.expandedItems && this.expandedItems.indexOf(item) !== -1;
     },
 
     expandItem: function(item) {

vaadin-grid-table.html

@@ -107,6 +107,11 @@
       }
 
       /* Theme styles */
+      :host {
+        box-sizing: border-box;
+        border: 1px solid var(--vaadin-grid-border-color);
+      }
+
       thead tr:last-child th {
         border-bottom: 1px solid var(--vaadin-grid-border-color);
       }

vaadin-grid.html

@@ -18,7 +18,6 @@
     }
 
     #scroller {
-      border: 1px solid var(--vaadin-grid-border-color);
       height: 100%;
       width: 100%;
     }