Use window.getComputedStyle for fluid column widths

12 years ago · 1d84ab9454
1 changed files with 2 additions and 1 deletions
--- a/jquery.isotope.js
+++ b/jquery.isotope.js
@ -936,7 +936,8 @@
      $elems.each(function(){
        var $this  = $(this),
            //how many columns does this brick span
-            colSpan = Math.ceil( $this.outerWidth(true) / props.columnWidth );
+            computedWidth = window.getComputedStyle(this) && parseFloat(window.getComputedStyle(this).width),
+            colSpan = Math.ceil( ( computedWidth || $this.outerWidth(true) ) / props.columnWidth );
        colSpan = Math.min( colSpan, props.cols );

        if ( colSpan === 1 ) {