From c5f9e81a82b94194895d410b4cab9572c781315a Mon Sep 17 00:00:00 2001
From: Justin Moore <jmoore@mm-mac-0894.local>
Date: Tue, 29 Mar 2016 16:13:18 -0500
Subject: [PATCH] Fix potential scrollbar issue in grid

---
 src/mm-item-recycler/mm-item-recycler.html |  1 +
 src/mm-item-recycler/mm-item-recycler.js   |  4 ++--
 src/mm-item-recycler/mm-item-recycler.scss | 10 ++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/mm-item-recycler/mm-item-recycler.html b/src/mm-item-recycler/mm-item-recycler.html
index f7ad8e2e..5b6b8109 100644
--- a/src/mm-item-recycler/mm-item-recycler.html
+++ b/src/mm-item-recycler/mm-item-recycler.html
@@ -23,6 +23,7 @@
 		</mm-template-finder>
 
 		<div id="pane">
+			<div id="quad"></div>
 			<div id="constrainer">
 				<div id="middle"></div>
 				<div id="header">
diff --git a/src/mm-item-recycler/mm-item-recycler.js b/src/mm-item-recycler/mm-item-recycler.js
index ba685bf8..0ea7ce26 100644
--- a/src/mm-item-recycler/mm-item-recycler.js
+++ b/src/mm-item-recycler/mm-item-recycler.js
@@ -352,7 +352,7 @@ found here: https://github.com/Polymer/core-list
 
 		_paneResponse: function (e) {
 			var itemRecycler = this;
-			var delta = +(elementHeight(itemRecycler.$.pane) - itemRecycler._viewportHeight) || 0;
+			var delta = +(elementHeight(itemRecycler.$.quad) - itemRecycler._viewportHeight) || 0;
 
 			delta -= (this._headerHeight + this._footerHeight);
 
@@ -558,7 +558,7 @@ found here: https://github.com/Polymer/core-list
 		},
 
 		_initializeViewport: function() {
-			var viewportHeight = elementHeight(this.$.pane);
+			var viewportHeight = elementHeight(this.$.quad);
 
 			this._headerHeight = elementHeight(this.$.header);
 			this._footerHeight = elementHeight(this.$.footer);
diff --git a/src/mm-item-recycler/mm-item-recycler.scss b/src/mm-item-recycler/mm-item-recycler.scss
index 5a3a3270..8339e432 100644
--- a/src/mm-item-recycler/mm-item-recycler.scss
+++ b/src/mm-item-recycler/mm-item-recycler.scss
@@ -24,6 +24,16 @@
 	max-height: inherit;
 }
 
+#quad {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	display: block;
+	overflow: hidden;
+}
+
 #constrainer {
 	display: inline-block;
 }