WordPress.org

Make WordPress Core

Opened 7 years ago

Last modified 22 months ago

#18556 accepted defect (bug)

Toolbar dropdowns when dragging items

Reported by: chexee Owned by: drecodeam
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 3.2.1
Component: Toolbar Keywords: has-patch needs-testing
Focuses: ui Cc:

Description (last modified by nacin)

When dragging metaboxes, widgets, menu items, etc to the top of the window in order to scroll to drop the item on a portion of the UI that's above the viewing window, the toolbar interferes and produces dropdowns, etc.

If dragging an item, can we disable toolbar actions?

Attachments (6)

menu-adminbar-drop.png (101.6 KB) - added by chexee 7 years ago.
18556.diff (1.7 KB) - added by drecodeam 6 years ago.
resolved issue by binding empty functions on 'start' method of jquery sortable function and then binding original functions on 'stop' method.
18556.2.diff (2.8 KB) - added by jessepollak 5 years ago.
18556.3.diff (5.4 KB) - added by sujin2f 3 years ago.
18556.4.diff (3.4 KB) - added by sujin2f 3 years ago.
18556.5.diff (1.4 KB) - added by akibjorklund 22 months ago.

Download all attachments as: .zip

Change History (21)

#1 @ocean90
7 years ago

Screenshot?

#2 @chexee
7 years ago

Attached. Sorry, had to open grab and do a timed screenshot. Kept dropping the menu item when I used shortcuts.

#3 @DrewAPicture
7 years ago

  • Type changed from defect (bug) to enhancement
  • Version set to 3.2.1

#4 @nacin
7 years ago

  • Component changed from General to UI
  • Type changed from enhancement to defect (bug)

Sounds like a bug, but I can reproduce this in 3.2 as well.

I imagine this should be easy to do?

@drecodeam
6 years ago

resolved issue by binding empty functions on 'start' method of jquery sortable function and then binding original functions on 'stop' method.

#5 @drecodeam
6 years ago

  • Cc drecodeam added
  • Keywords has-patch reporter-feedback added

#6 @drecodeam
6 years ago

  • Owner set to drecodeam
  • Status changed from new to accepted

#7 @nacin
6 years ago

  • Description modified (diff)
  • Summary changed from Admin menu dropdowns when dragging items to Toolbar dropdowns when dragging items

Updating "admin menu" to "toolbar" since "admin menu" refers to the left menu.

#8 @DrewAPicture
5 years ago

  • Component changed from UI to Toolbar

#9 @helen
5 years ago

  • Keywords ui-focus added; reporter-feedback removed

#10 @enej
5 years ago

  • Keywords needs-patch added; has-patch removed

This tickets needs a new patch. The current patch only changes the post meta boxes, also the file against witch the patch was applied to doesn't exist any more.

The bug currently effects all the different places we have the drag and drop feature. (menus, widgets and post-meta boxes but not galleries)

Since its a minor bug I would suggest fixing it once MP6 is released.

@jessepollak
5 years ago

#11 @jessepollak
5 years ago

Definitely not the most elegant solution, but I figured I would take a stab and then work from there with people's feedback. This fixes the problem for widgets, post-meta boxes and menus; I'm pretty sure those are the only places it was an issue.

In a more ideal patch, we'd only add the draggable.start and draggable.stop triggers once, rather than every time we make something draggable. The current solution would leave room to reintroduce this bug the next time we add a draggable element.

@sujin2f
3 years ago

#12 @sujin2f
3 years ago

Oh, I think I misunderstood this system. I did checkout from stable version. Please ignore it. I will patch it later.

@sujin2f
3 years ago

#13 @sujin2f
3 years ago

I changed it by giving the css class 'disable' to dropdown menu while drag&drop.

#14 @morganestes
3 years ago

  • Keywords needs-refresh added; needs-patch removed

#15 @akibjorklund
22 months ago

  • Keywords has-patch needs-testing added; needs-refresh removed

I've attached another attempt to fix this. With a single selector I'm targeting all current draggables and sortables, so there is no need to add code to all event handlers. The patch also disables popup menus on the admin menu in addition to the toolbar, which is less of an issue but still.

I'm using toggleClass on dragstart and dragstop instead of explicitly adding a class and removing it. This might cause issues with state on some browsers if the events don't always fire in a predictable order, but it did work flawlessly on the ones I tested it with.

Last edited 22 months ago by akibjorklund (previous) (diff)
Note: See TracTickets for help on using tickets.