Relayout doesn't work if when some of the items are set to display:none

[thdk]

I implemented a filter which simply hides some of the items in the grid using css (display:none)

A css class gets toggled on a container element (ex. body) when this css class is set, some of the items in the grid are set to display:none;

This requires a relayout of the grid. But both the jquery and the javascript version do not relayout the grid. When I remove the items from the dom, then the relayout works.

[thdk]

I suggest to skip invisible items using offsetWidth > 0 and offsetHeight > 0

[thdk]

I fixed it without change to the library.

I just had to use a different itemSelector every time my filter changes and redraw the grid using this itemSelector every time the filter changes.