Skip to main content

Search and Top Navigation

#14940 closed bug (notabug)

Opened March 21, 2016 07:45PM UTC

Closed March 21, 2016 11:48PM UTC

Last modified March 22, 2016 07:44PM UTC

Large draggable with 'tabindex=0' will scoll on click

Reported by: mar10 Owned by:
Priority: minor Milestone: none
Component: ui.draggable Version: 1.11.4
Keywords: Cc:
Blocked by: Blocking:
Description

Not sure if it is a bug, but if a draggable element is larger than the viewport and has tabindex set, a click will cause it to scroll:

https://plnkr.co/edit/xD4sEUAM6rr6whUEF8B1?p=preview

Happens on current IE, Edge, Chrome and Safari, but *not* Firefox.

Attachments (0)
Change History (2)

Changed March 21, 2016 11:48PM UTC by scottgonzalez comment:1

resolution: → notabug
status: newclosed

We can't control what the browser does on focus. It's also pretty bad UX to have a draggable element larger than the viewport.

Changed March 22, 2016 07:40PM UTC by mar10 comment:2

_comment0: > We can't control what the browser does on focus. \ If draggable is *not* attached and the element is clicked, the element receives focus, but does not jump. So something seems to be different? \ \ > It's also pretty bad UX to have a draggable element larger than the viewport. \ Sure, but I use this approach as a sort of 'drag event delegation': \ one draggable is attached to a container that contains hundredths of dynamically generated child elements ([http://wwwendt.de/tech/fancytree/demo/index.html#sample-ext-dnd.html example]).1458675854491023
We can't control what the browser does on focus.

If draggable is *not* attached and the element is clicked, the element receives focus, but does not jump. So something seems to be different.

Maybe the draggable could somehow retain the 'normal' behavior?

It's also pretty bad UX to have a draggable element larger than the viewport.

True, but I use this approach as a sort of 'drag event delegation':

one draggable is attached to a container that contains hundredths of dynamically generated child elements (example).