item can't following if inside div scrolling element

[Adityapras]

drag item can't following scrolling element div, how to fix this issue ?

 <div class="row row-cols-1 row-cols-md-2 row-cols-lg-5 row-cols-xl-5"
                                        wire:sortable="updateSortAdditional">
                                        @foreach ($sub_menu_list->display_product as $product)

                                            <div class="col"
                                                wire:sortable.item="{{ $sub_menu_list->category_id }}-{{ $product->category_product_id }}"
                                                wire:key="productList-{{ $product->category_product_id }}">
                                                <div class="card border">
                                                    <img wire:sortable.handle src="{{ $product->image }}"
                                                        class="card-img-top" style="object-fit:cover" alt="..."
                                                        height="250" width="100">
                                                    <div class="card-body">
                                                        <h6 class="card-title">
                                                            {{ $product->title }}
                                                        </h6>
                                                        <div class="col-12 justify-content-center d-flex">
                                                            <button type="button" style="margin-right:10px;"
                                                                class="btn btn-outline-danger px-3"
                                                                wire:click.prevent="removeAdditional({{ $list->category_id }}, {{ $sub_menu_list->category_id }},{{ $product->category_product_id }})">
                                                                <i class='far fa-times-circle me-0'></i>
                                                                Remove
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>

[gdebrauwer]

I'm not sure what you mean 🤔 Is it a visual issue? If that's the case, I think it is probably an issue in the Sortablejs package itself.

[gdebrauwer]

As this is an old issue and there have been multiple new package releases since this issue was created, I'm closing this issue for now. If you still have this bug or issue, tag me in a new comment on this issue and I will reopen it again.