Jquery Сортировка не работает - ее можно отсортировать, но нельзя удалить

Question

Я могу сортировать и перетаскивать свой div, но его нельзя отбросить. Область удаления не отображается ....

Обратите внимание на следующий код:

Вот HTML

         <div class="categorie_items_listings">
                  <div class="categorie_items_list">
                         <div class="categorie_item_left">
                                <p>test1 </p>
                         </div>
                         <div class="categorie_item_right">
                              <p>test2</p>
                        </div>
                  </div>
                  <div class="categorie_items_list">
                         <div class="categorie_item_left">
                                <p>test1 </p>
                         </div>
                         <div class="categorie_item_right">
                              <p>test2</p>
                        </div>
                  </div>   
             </div>  

здесь css

.categorie_items_listings {
    display: flex;
    flex-direction: column;
    width: 100%;


}

.categorie_items_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    border: 1px solid #b9b9b9;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
}

.categorie_item_left {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-left: 5px;
    justify-content: center;
}

.categorie_item_right {
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: center;
    justify-content: flex-end;
}

Здесь код jquery, это должно работать из коробки Я не нашел решения по stackoverflow

$(".categorie_items_listings").sortable({

    axis: "y"
})

Спасибо