disableSelection() doesn't work cross-browser

[andreinjquery]

I have a drag & drop row reordering in a table, but in Chrome the disableSelection() does not seem to work and the table will be selected as the user drags the mouse to another row.

To resolve this I changed the following line in disableSelection()...

.css('MozUserSelect', 'none');

... to ...

.css({'MozUserSelect': 'none', 'WebkitUserSelect': 'none'});

This seemed to fix the problem.

[andreinjquery]

enableSelection() needs to be changed as well to:

.css({ 'MozUserSelect': '', 'WebkitUserSelect': '' });

[steida]

There is also another bug. Internet Explorer needs attribute also on all children elements, if any. For example: <p>foo bla <b>bar</b>bla bla<p> Setting attribute unselectable on paragraph is not enough.

[Jörn Zaefferer]

See also #5798.

[Scott González]

Fixed in ​16e93d5.

[Scott González]

...and completely rewritten and simplified in ​5de8ced.

[benjamin.neau]

...and changing a behavior well established since many versions in the process as reported in #6105.

[Scott González]

Core: Fixed .disableSelect() and .enableSelect() in all browsers. Fixes #5723 - disableSelection() doesn't work cross-browser.

Changeset: 16e93d5189a5aed10df23e85b5d40b14d126eede