From e68f99c7547b76149f66e3553531f317366254f0 Mon Sep 17 00:00:00 2001
From: David DeSandro <desandrocodes@gmail.com>
Date: Sat, 24 Aug 2013 13:02:17 -0400
Subject: [PATCH] fix cellsByRow container size

---
 examples/filter-sort.html    | 6 ++++++
 layout-modes/cells-by-row.js | 5 ++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/examples/filter-sort.html b/examples/filter-sort.html
index 49b836d..5655108 100644
--- a/examples/filter-sort.html
+++ b/examples/filter-sort.html
@@ -154,6 +154,8 @@
 <script src="../layout-mode.js"></script>
 <script src="../isotope.js"></script>
 <script src="../layout-modes/fit-rows.js"></script>
+<script src="../layout-modes/cells-by-row.js"></script>
+<script src="../layout-modes/vertical.js"></script>
 
 <script>
 docReady( function() {
@@ -161,6 +163,10 @@ docReady( function() {
   var iso = window.iso = new Isotope( container, {
     layoutMode: 'fitRows',
     transitionDuration: '0.8s',
+    cellsByRow: {
+      columnWidth: 130,
+      rowHeight: 140,
+    },
     getSortData: {
       number: '.number parseInt',
       symbol: '.symbol',
diff --git a/layout-modes/cells-by-row.js b/layout-modes/cells-by-row.js
index df6facd..65652fb 100644
--- a/layout-modes/cells-by-row.js
+++ b/layout-modes/cells-by-row.js
@@ -29,10 +29,9 @@ function cellsByRowDefinition( layoutMode, getSize ) {
         // or size of container
         containerSize.innerHeight;
     }
-
+    // set cols
     this.cols = Math.floor( containerSize.innerWidth / this.columnWidth );
     this.cols = Math.max( this.cols, 1 );
-
   };
 
   CellsByRow.prototype._getItemLayoutPosition = function( item ) {
@@ -48,7 +47,7 @@ function cellsByRowDefinition( layoutMode, getSize ) {
 
   CellsByRow.prototype._getContainerSize = function() {
     return {
-      height: ( this.itemIndex / this.cols ) * this.rowHeight
+      height: Math.ceil( this.itemIndex / this.cols ) * this.rowHeight
     };
   };