#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 7 years ago by
| Resolution: | → notabug |
|---|---|
| Status: | new → closed |
comment:2 Changed 7 years ago by
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).
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.