Grid flickers on load for dynamic elements

[ooozydev]

When clicking and rendering elements, the grid loads successfully, but flickers and re-layout all of the elements again. How can I fix this?

Test case: http://dev.oozy.me/el/

$(function() {

$(function() {
  var filemanager = $(".filemanager"),
    breadcrumbs = $(".breadcrumbs"),
    fileList = filemanager.find(".file-list"),
    folderList = filemanager.find(".folder-list");

  var $grid = fileList.packery({
      itemSelector: "li",
      gutter: 0
    });

....

function render() {
      ...
           // append elems to dom
      ...
      $grid.imagesLoaded().progress(function() {
        $grid.packery('reloadItems').packery('layout');
      });

}

});

[ooozydev]

Fixed, had to add transitionDuration: 0 option.