Expected behavior

I was trying to create some draggable components inside a modal.

Actual behavior

When picking up an item the item being dragged is displayed behind the modal.

Resources (screenshots, code snippets etc.)

I was using the code from the examples. Changing the z-index does not seem to give correct behavior.

<div data-mdb-sortable-init class="sortable-list">
  <div class="sortable-item">Item 1</div>
  <div class="sortable-item">Item 2</div>
  <div class="sortable-item">Item 3</div>
  <div class="sortable-item">Item 4</div>
  <div class="sortable-item">Item 5</div>
</div>