Sortable (angular) form input not clickable


Topic: Sortable (angular) form input not clickable

Rothenbaum pro premium asked 8 months ago

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>

Arkadiusz Idzikowski staff commented 8 months ago

We will take a closer look at that. Which version of sortable plugin do you use?


Rothenbaum pro premium commented 8 months ago

latest version 8.8.2


Arkadiusz Idzikowski staff answered 8 months ago

This problem should be resolved in version 8.9.0, please update the plugin in your project.


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 8.8.1
  • Device: pc
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No