SortableJS/ngx-sortablejs

Does not work with Angular Material Grid List

vuras opened this issue · 0 comments

vuras commented

Hello everyone,

I am unsuccessfully trying to use the library together with Angular Material Grid List.

I am using Angular 12.2.6

I found out in documentation that I need to set sortableJSContainer but it throws an error for me:
ERROR Sortable:elmust be an HTMLElement, not [object Null]

This is a simple example that I am trying to run:

<mat-grid-list
  cols="6"
  rowHeight="150"
  [sortablejs]="tiles"
  sortablejsContainer=".mat-grid-list">
  <mat-grid-tile
    *ngFor="let tile of tiles"
    [colspan]="tile.cols"
    [rowspan]="tile.rows">
    <mat-card>
      <mat-card-title>{{ tile.card.title }}</mat-card-title>
      <mat-card-content>{{ tile.card.description }}</mat-card-content>
    </mat-card>
  </mat-grid-tile>
</mat-grid-list>

Am I doing something wrong?

Thank you.