CODEWITHSUNDEEP
javascriptjquerycssjquery-ui
Pietro Coelho
Pietro Coelho

Reputation: 2072

Why jquery ui draggable is slow in this example

In the jquery ui site, the draggable examples are fast. But with this markup, the plugin is terribly slow:

$("ul.projects").sortable({
    items: ".ui-state-default",
  containment:"parent",
  cursor:"move",
  cursorAt:{left: 90}
});

Codepen

Upvotes: 5

Views: 7551

Answers (1)

taggon
taggon

Reputation: 1936

Remove all transitions for ul.projects li. It makes the animation slow. Or turn off them for .ui-sortable-helper:

ul.projects li:not(.ui-sortable-helper) {
  float: left;
  margin: 0px 6.5px 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

Upvotes: 25

Related Questions