Using the Sortable plugin, I have a sortable list with form inputs inside each item. I expect user to be able to click inside each input to enter text. However sortable seems to own the entire container div for it's click and move method.

Is there a way to make inputs, textarea and select tags clickable? I see that buttons are clickable, how about forms?

        <ul mdbSortableList class="list-group list-group-flush border-top-0" (drop)="onDrop($event)">
          <li *ngFor="let item of sortableList1; let i=index" mdbSortable class="list-group-item px-0">
            <div class="md-form md-bg">
              <textarea type="text" class="md-textareas form-control" mdbInput></textarea>
              <label>Edit Summary</label>
            </div>
            <a href="#" mdbBtn color="primary" mdbWavesEffect>Button</a>
          </li>
        </ul>