Overlapping occurs when using Isotope's method “prepended”

Overlapping occurs when using Isotope's method “prepended”

Code: http://codepen.io/anon/pen/EBqce


What i'm trying to achieve : add a container (black) to the left of green squares and animate them with Isotope .

Note that the black container size is variable (depending on the count of green squares), thus class filler  has height set to 100%.

Problem : after adding a black div  container by clicking button "show", the last green square is overlapping the black container.

I'm using isotope 2.0 ( http://isotope.metafizzy.co/isotope.pkgd.min.js )