jQuery Selectable Customization

Question

I have a jQuery selectable as shown below. It is actually an ordered list. The ordered list is residing inside a div named myBorderDiv.

When I press control and mouse ov

Answer 1

For #1, try display:inline' ordisplay:inline-block` for that DIV. If that doesn't work, floating that DIV should work, but then you'll have to add the famous "clearfix" to it, as w/o it the DIV will have 0 height. Alternatively, set it to smaller value (isn't that obvious). I guess you want that DIV to not be wider than the space taken by its child boxes.

As for #2, no clue. Are you sure you're not clicking/holding the mouse button also, while you're hovering around with ctrl pressed? Can you demo this somewhere? What's the name of that site where js code can be hosted, anyone?

Answer 2

This snippet of code abridged from this answer will resolve the issue

$(function(){
    $.extend($.fn.disableTextSelect = function() {
                $(this).bind('selectstart',function(){return false;});
    });
    $('#myOrderedListSelecatableAsHeaderPart').disableTextSelect();
});