Skip to main content

Search and Top Navigation

#15254 new bug ()

Opened November 30, 2017 05:27PM UTC

Last modified November 30, 2017 11:01PM UTC

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

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

Attachments (0)
Change History (1)

Changed November 30, 2017 11:01PM UTC by rjollos comment:1

description: 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 \ Hi there \ \ I am using the portlets example from the JQuery sortable website. \ We have set the tolerance to "pointer" as below: \ \ {{{#!js \ $( ".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 \