jquery-ui - jQuery UI Resizable creates Blue Highlighting in Chrome

Question

When I resize using the ui-resizable and begin dragging, other divs on the page are highlighted blue as if I selected them.

I tried using CSS and outline none on the classes but it doesn't work.

Please provide your insight.

Thank you- all suggestions are appreciated.

Answer 1

Try this

$("element").resizable({ 
    resize: function(event) {           
        document.onselectstart = function () { return false; };
    },
    stop: function(event) {
        document.onselectstart = function () { return true; };
    }, 
});