Перетаскивания товара в реальном времени, меняем позиции, есть проблема, как решить?

Question

[Антон Вебсайтовский]

Здравствуйте, есть проблема, поставил на сайт js перетаскивания товара в реальном времени, удобно очень, взял мышкой и перетаскиваешь, товар должен быть прям под мышкой, но если стоит прокрутить скрол и взять товар с низу, то товар не под мышкой тот который перетаскиваю, а он вообще где то непонятно с верху, сделал скрин и подписал где мышка, и где товар указал стрелкой, как решить проблему? чтобы не было такого косяка, в мозиле все ок, в хроме проблема эта.

Скрин:
Код js

<script type="text/javascript">
jQuery(function(){
  jQuery("#sortable").sortable({
    containment: 'document',
    items: 'tr',
    stop: function(event,ui){ sortListKompProd(event,ui); }
    });
  function sortListKompProd(event,ui){
    
  var ids4 = [];
    jQuery("#sortable tr").each(function(){ 
		if($(this).attr('id') != undefined)
		{
			ids4[ids4.length] = $(this).attr('id');
		}		
    });
	console.log(ids4);
    jQuery.ajax({
      type: 'POST',
      url: '/admin/products/ajaxproducts',
      data: ({ ids: ids4.join()}),
          //success: function(data){console.log(data);}
      });
  }

    jQuery('select').change(function(){
        window.location.href = "/admin/products/index/" + jQuery(this).val();
    });

 });
</script>

Answer 1

[Антон Вебсайтовский]

Решение нашел: в сласс или ид в который обернут вывод товаров нужно дописать overflow-y: auto;