setting columnWidth causes errors

[pcasa]

When I try to set columnWidth via masonry-options I get several errors:

• Error: SyntaxError: DOM Exception 12 querySelector@[native code]
  • which looks like it started from angular-masonry.js:117:26
• masonry not initialized. Cannot call methods, i.e. $().masonry("resize")
• masonry not initialized. Cannot call methods, i.e. $().masonry("appended")
• masonry not initialized. Cannot call methods, i.e. $().masonry("layout")

Only get these errors when I try to assign columWidth via masonry-options. What am I doing wrong? Tried to use the column-width attribute but using this, height is set to 0 on the directive wrapper causing display issues.

<masonry  reload-on-resize
         masonry-options="{containerStyle: { position: 'relative' }, 
                                      columnWidth: '33.333%', 
                                      percentPosition: true, 
                                      itemSelector: '.masonary-brick' }" >
      <div class="brick-sizer" style="width: 33.333%"></div>
      <div class="masonry-brick masonry-brick--double">This will be 200px wide max.</div>
      <div class="masonry-brick ">This will be 200px wide max.</div>
      <div class="masonry-brick ">This will be 200px wide max.</div>
      <div class="masonry-brick ">This will be 200px wide max.</div>
      <div class="masonry-brick ">This will be 200px wide max.</div>
</masonry>