[bug] items with percentage-height not laid-out properly until after resizes

[metafizzy]

[bug] items with percentage-height not laid-out properly until after resizes

[desandro]

I don't think this is necessarily a fault of Isotope. If you remove the JS from your example, you'll see that the CSS result collapses with no height: http://jsfiddle.net/bqK23/2/

The only reason why it works in Isotope the way it does is because Isotope sets the height of the container.

So you're going to have to solve for this within your own custom JS. Building inherited percentage-based for items would be a bit outside the scope of Isotope.

[gojomo]

Aha I see; the heightlessness you've demonstrated seems to be because the container initially has no fixed height.

And, when isotope later sets the height, it's doing so based on the item height before isotope's sizing, not after. That also explains the Zeno's-paradox-like way each window resize triggers halfway progress towards the desired look.

Just for reference, using a specified container height (as a % of 100% HTML,BODY), I've achieved the desired percentage-item-height effect inside jsFiddle. See:

http://jsfiddle.net/bqK23/7/

Thanks for your help!