#15288 new bug ()

Opened April 26, 2018 02:59AM UTC

Last modified April 26, 2018 03:07AM UTC

Placeholder on Sortable elements wont always be set in correct place if scrolling.

Reported by: virtualestate Owned by:
Priority: minor Milestone: none
Component: ui.sortable Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

Confirmed repro in Chrome 66.0.3359.117, IE 11 - Windows 10 Pro.

**Steps to repro:**

#1 Drag a smaller sortable element from the bottom of the list and drag it to the top, stopping just before.

#2 It might take a few attempts but you'll eventually find that the cursor moves between two sortable elements where you would expect the placeholder to follow, but it is 'left behind' (the elements scrolled over stop getting the ui-sortable-placeholder class.)

#3 Dropping the element at this point will drop the element in the previous location of the .ui-sortable-placeholder

#3(b) the user must flail their mouse around to get it to start responding again.

**Expected behavior:**

So that dropped components can be dropped in the intended place, while scrolling, the .ui-sortable-placeholder class should always be added next to the component that the cursor is over, as it does while not scrolling.

https://jsfiddle.net/m9Lghpex/

Attachments (0)
Change History (1)

Changed April 26, 2018 03:07AM UTC by virtualestate comment:1

description: Confirmed repro in Chrome 66.0.3359.117, IE 11 \ \ **Steps to repro:** \ \ #1 Drag a smaller sortable element from the bottom of the list and drag it to the top, stopping just before. \ \ #2 It might take a few attempts but you'll eventually find that the cursor moves between two sortable elements where you would expect the placeholder to follow, but it is 'left behind' (the elements scrolled over stop getting the `ui-sortable-placeholder` class.) \ \ #3 Dropping the element at this point will drop the element in the previous location of the .ui-sortable-placeholder \ \ #3(b) the user must flail their mouse around to get it to start responding again. \ \ https://jsfiddle.net/m9Lghpex/ → Confirmed repro in Chrome 66.0.3359.117, IE 11 - Windows 10 Pro. \ \ **Steps to repro:** \ \ #1 Drag a smaller sortable element from the bottom of the list and drag it to the top, stopping just before. \ \ #2 It might take a few attempts but you'll eventually find that the cursor moves between two sortable elements where you would expect the placeholder to follow, but it is 'left behind' (the elements scrolled over stop getting the `ui-sortable-placeholder` class.) \ \ #3 Dropping the element at this point will drop the element in the previous location of the .ui-sortable-placeholder \ \ #3(b) the user must flail their mouse around to get it to start responding again. \ \ **Expected behavior:** \ So that dropped components can be dropped in the intended place, while scrolling, the `.ui-sortable-placeholder` class should always be added next to the component that the cursor is over, as it does while not scrolling. \ \ https://jsfiddle.net/m9Lghpex/