Fix an issue where hidden items would still be calculated in the grid, Fixes #48

Author: jrmd

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "macy",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "homepage": "http://macyjs.com/",
   "author": {
     "name": "Big Bite Creative",

dist/macy.js

@@ -1,7 +1,7 @@
 {
   "name": "macy",
   "description": "Macy is a lightweight, dependency free, masonry layout library",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "author": {
     "name": "Big Bite Creative",
     "url": "http://bigbitecreative.com",

package.json

@@ -6,7 +6,7 @@ let buildObj = {
   entry: 'src/macy.js',
   format: 'umd',
   moduleName: 'Macy',
-  banner: '/* Macy.js - v2.3.1 */',
+  banner: '/* Macy.js - v2.3.2 */',
   plugins: [
     eslint(),
     babel(),

rollup.config.js

@@ -6,6 +6,10 @@ import scopeShim from './helpers/scopeshim';
 
 import foreach from './helpers/foreach';
 
+if (!Array.from) {
+  Array.from=n=>{let i=0,a=[];for (;i<n.length;)a.push(n[i++]);return a;}
+}
+
 
 const defaults = {
   columns: 4,

src/macy.js

@@ -11,6 +11,10 @@ import foreach from '../helpers/foreach';
  */
 const calculate = (ctx, refresh = false, loaded = true) => {
   let children = refresh ? ctx.container.children : $e(':scope > *:not([data-macy-complete="1"])', ctx.container);
+
+  // Filter out hidden children.
+  children = Array.from(children).filter(child => child.offsetParent !== null);
+
   let eleWidth = getWidths(ctx.options);
 
   foreach(children, (child) => {