Opened 3 years ago

Closed 3 years ago

Last modified 3 years ago

#14940 closed bug (notabug)

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

Reported by: Martin Wendt 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.

Change History (2)

comment:1 Changed 3 years ago by Scott González

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.

comment:2 Changed 3 years ago by Martin Wendt

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).

Last edited 3 years ago by Martin Wendt (previous) (diff)
Note: See TracTickets for help on using tickets.