Drag Demo

This is to demonstrate something weird in WebKit affecting Safari 3.0.

Grab a draggable element to the right; this will attach a mousemove-event to the document body and the div will be moved according to the mouse position. However, when you move the mouse over a scrollbar, the mousemove-event gets lost while dragging the red DIV. This was not the case in Safari 2 and is not the case in Gecko browsers.

After crossing the scrollbar, the DIV stays at its position and mousemove does not get called anymore (the underlined text does no longer light up red). However, you can see that the "Grab..." text stays green which means that "mouseUp()" has not been called. You can continue the drag after you release the mouse, where obviously, "mouseUp()" still does not get called.

If you drag the green DIV where the mouse-pointer stays inside of the DIV, the problem does not occur.