Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Sortable items disappear

Danny priority asked 2 years ago


Hi,

When I want to sort an item, it will disappear when I click on the item on my iPhone. I don’t not or android have it too. Draggable works fine, sortable things not. Please a fix :)

You can check it on your site https://mdbootstrap.com/docs/standard/plugins/drag-and-drop/.


Danny priority answered 2 years ago


Is it already fixed? Its one of the reasons I bought mdbootstrap, otherwise I don't have much use for it.


rm_ghm priority answered 2 years ago


element one (for example) disappears from the list, is given the style "display: none", and then the console fills up with errors.

enter image description here enter image description here enter image description here


Mateusz Trochonowicz staff commented 2 years ago

Could you recreate this case in snippet - https://mdbootstrap.com/snippets/? Or show sampel of your code?


rm_ghm priority commented 2 years ago

I get an error when trying to add the drag-and-drop dependency.

Code looks more or less like this - no errors until testing the sorting functionality:

   <div class="col-md-4">
     <div class="card mb-4 rounded-3 shadow-sm goal-column">
                <div class="card-header">
                    <h4>In Planning</h4>
                </div>
                <div class="card-body text-start p-0">
                <MDBSortable
                    ref="inPlanning"
                    id="in-planning"
                    :connectedList="inProgress">

                    <MDBSortableItem
                        class="card">one</MDBSortableItem>
                    <MDBSortableItem
                        class="card">two</MDBSortableItem>
                    <MDBSortableItem
                        class="card">three</MDBSortableItem>
                 </MDBSortable>
                </div>
            </div>
        </div>

        <!-- In Progress -->
        <div class="col-md-4">
            <div class="card mb-4 rounded-3 shadow-sm goal-column">
                <div class="card-header">
                    <h4>In Progress</h4>
                </div>
                <div class="card-body text-start p-0">
                <MDBSortable
                    ref="inProgress"
                    id="in-progress"
                    :connectedList="inPlanning">

                    <MDBSortableItem
                        class="card">four</MDBSortableItem>
                    <MDBSortableItem
                        class="card">five</MDBSortableItem>
                    <MDBSortableItem
                        class="card">six</MDBSortableItem>
                 </MDBSortable>
                </div>
            </div>
        </div>
import { MDBSortable, MDBSortableItem } from 'mdb-vue-drag-and-drop' import { ref } from 'vue' export default { name: 'GoalView', props: {}, components: { GoalCard, MDBSortable, MDBSortableItem } }

Mateusz Trochonowicz staff commented 2 years ago

Just today I was implementing new feature in Drag & Drop plugin and everything was OK. I assume that your connectedList is maybe incorrect (look for our API section). https://mdbootstrap.com/docs/vue/plugins/drag-and-drop/#docsTabsAPI


rm_ghm priority answered 2 years ago


I get breaking javascript errors using the MDBSortable vue component 100% of the time. That component was the primary reason I purchased MDB pro - is there any update on this issue?


Mateusz Trochonowicz staff commented 2 years ago

Hi, could you provide some more informations about theese errors? Screenshots would be useful.


Grzegorz Bujański staff answered 2 years ago


Thanks for reporting this bug. We will fix it as soon as possible.


Danny priority commented 2 years ago

When can I expect a solution? It's in a bit of a hurry


Grzegorz Bujański staff commented 2 years ago

I am not able to give a specific date but we will fix it as soon as possible.


Danny priority commented 2 years ago

Is it already fixed? Its one of the reasons I bought mdbootstrap, otherwise I don't have much use for it.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.11.0
  • Device: iPhone
  • Browser: Safari
  • OS: IOS -5.4.1
  • Provided sample code: No
  • Provided link: Yes