Issue Report: Sortable.js Library Functionality Disruption

[ir-sagar]

Dear Support Team,

I trust this message finds you well. We are writing to bring to your attention an issue we have encountered while utilizing the Sortable.js Library, a tool we have incorporated into our development processes over the past eight years.

Recently, we observed a deviation in the expected behavior of the sortable drag functionality, specifically after updating to the latest commit available at 1b7575f. The issue manifests when attempting to reposition certain list items; instead of adjusting to the desired position, the dragged item consistently relocates itself to the last position in the list.

For your reference, we are utilizing the following CDN link for the Sortable.js Library:
"https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"

The JavaScript function responsible for handling the sorting functionality is outlined below:

function image_sorting() {
  if (document.getElementById('items_prop') !== null) {
    var el = document.getElementById('items_prop');
    var sortable = Sortable.create(el, {
      onSort: function(evt) {
        // Function logic for sorting
      },
    });
  }
}

images.html.haml:
Additionally, we would like to provide relevant snippets from our HTML files, where the sorting functionality is implemented:

images.html.haml:

#items_prop.property_images_partial
= render partial: 'agent/properties/prop_images', locals: { property: property }

_prop_images.html.haml:

- property.property_images.order("image_position ASC").each_with_index do |image, i|
  %li.col-md-4.col-sm-4.col-xs-12{class: "#{i%3 == 0 ? 'img_first_padding' : ''}"}
    .gallery-image-holder.img-hover{class: "#{i == 0 ? 'first_img_border' : ''}", style: "position: relative;overflow: hidden;"}
      %img.img-responsive{:src => "#{image.file.url}?#{Time.now}", alt: "Loading...", style: "font-weight: bold;color:#16adbc;"}
      # Additional HTML markup for image manipulation
      ...

You can also see this demo video for reference
https://www.loom.com/share/d9a4463905004ed694644bbbe2d22b0b

We kindly request your assistance in addressing this matter at your earliest convenience. If further details or clarification are required, please do not hesitate to reach out.

Thank you for your attention to this issue, and we look forward to your prompt assistance in resolving it.

Best regards,

Sagar Rehman
Software Engineer, Intellirent
[email protected] | www.myintellirent.com