Opened 12 months ago

Last modified 12 months ago

#15254 new bug

Sortable flicker when dragging portlets

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

Description (last modified by Ryan J Ollos)

Hi there

I am using the portlets example from the JQuery sortable website. We have set the tolerance to "pointer" as below:

    $( ".column" ).sortable({
      connectWith: ".column",
      handle: ".portlet-header",
      cancel: ".portlet-toggle",
      placeholder: "portlet-placeholder ui-corner-all",
      tolerance: "pointer"
    });

When dragging a widget over another widget which is off the top off the page, the widget and page flickers very fast.

We just tried earlier versions of Chrome and found the following:

  • version 55.0.2883.75 – no issue (2016-12-9)
  • version 56.0.2924.87 – flicker occurs (2017-02-8)
  • later versions after the above, including latest beta Chrome 62.0.3202.94 (64-bit), issue occurs

no issue on other browsers

  • Edge 40.15063.674.0
  • IE 11.726.15063.0
  • FF 57.0

The flicker is still there when tolerance is set to "intersect", but a lot less noticable. Is there any scroll offset we need to add to stop this occurring?

Any help would be greatly appreciated?

Regards

Az

Change History (1)

comment:1 Changed 12 months ago by Ryan J Ollos

Description: modified (diff)
Note: See TracTickets for help on using tickets.