Question

Just updated my devexpress version to 12.1 and now all draggable elements hightlights background elements on Chrome (20.0.1132.47 m).

For example when I drag splitter all page is blinking, when I’m dragging ASPxPivotGrid or ASPxGridView field, field sometimes highlights and nearby elements highlights then I drag past them. In ASPxGridview when I’m re-sizing columns and if I move my mouse a little bit to up or down almost all header highlights. There are also unneeded highlight when I’m dragging fields in ASPxPivotGrid customization form..

BTW, in IE9, FF11, Opera 11.6 and it works fine.

Is it devexpress bug? How can I fix it so dragging would not highlight background elements? Maybe some kinda global jquery function would help?

Answer 1

You can prevent selections in the whole document using:

$(document).on("selectstart", false);

You can enable selections again by removing that event handler:

$(document).off("selectstart", false);

You could disable selections during mousedown on an element, and enable it again during mouseup. It doesn’t matter where the user triggers mouseup, so attach that one to document: http://jsfiddle.net/Wdj6w/.

$("div").on("mousedown", function() {
  $(document).on("selectstart", false);
});

$(document).on("mouseup", function() {
  $(document).off("selectstart", false);
});