Bricks start from left position initially.

[vugar005]

Hi I am facing issue which is pretty annoying. When bricks start initially they start from left position. I used imagesloaded = true and see no errors in console.

  <div class="masonryContainer">
    <masonry [useImagesLoaded]="true"  [options]="myOptions" *ngIf="showEmployees" >
      <masonry-brick *ngFor="let employee of employees" class="brick " >
        <div class="employeeBox" >
          <div class="employeePhoto">
            <img src="assets/icons/user.svg">
          </div>
          <div class="employeeInfo">
            <p>{{employee.name}}</p>
          </div>
          <div class="employeeBottom">
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
      </masonry-brick>
    </masonry>
  </div>

The interesting is that I use masonry also in another component with same code and facing no issue. What is the cause of it? Hope someone give advice.

[Shailu4u]

@vugar005 You can check out this new Masonry library https://github.com/Shailu4u/ng-masonry-grid

[vugar005]

@Shailu4u thanks I would try that