Topic: Sortable (angular) form input not clickable
Rothenbaum pro asked 3 years 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>
This problem should be resolved in version 8.9.0, please update the plugin in your project.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.8.1
- Device: pc
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: No