This is a simple test case showing interaction of JQuery UI Core event handlers (in particular mouseDown) with default semantics, in particular focus/blur.


This is some text within the container. As the document starts up, the container is in the "natural" state with no special handlers registered. Demonstrate that focus and blur for these elements is working by clicking on the input field above, and then click on this text, and back again.

Then click on the button below, which registers a "mouseDown" handler on the the overall container (for convenience, by making it "draggable"). Try clicking on the input field and this text a few more times - the status messages indicating focus and blur will not appear. However, it *is* still possible to blur the text field element by clicking outside the container entirely, that is, on the document below or the status text.