Items loaded twice

[jaromiru]

Static items inside the masonry directive are loaded twice, which causes rendering glitches. I suspect they are loaded with the angular-masonry library inside masonryBrick directive with appendBrick() once and then again with the masonry library.

Simple example in Jade

div#wall.wall(masonry, load-images='false', masonry-options='{transitionDuration: 0}')
    div.brick.masonry-brick
        | A
    div.brick.masonry-brick
        | B
    div.brick.masonry-brick
        | C

Checked with

$('#wall').masonry('getItemElements')

gives back 6 items:

<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 300px;​ top:​ 0px;​">​A​</div>​
<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 400px;​ top:​ 0px;​">​B​</div>​
<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 500px;​ top:​ 0px;​">​C​</div>​
<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 300px;​ top:​ 0px;​">​A​</div>​
<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 400px;​ top:​ 0px;​">​B​</div>​
<div class=​"brick masonry-brick ng-scope loaded" style=​"position:​ absolute;​ left:​ 500px;​ top:​ 0px;​">​C​</div>​

[JeffreyATW]

#167 should fix this.