Frozen cursor problem using "draggable" on safari and chome

Frozen cursor problem using "draggable" on safari and chome

I'm having problem when using "draggable".

What I want: the textarea to get focus when its parent div is clicked.

The problem: (only on safary and chrome, FF work ok) when parent div is clicked the text area gets focus but the cursor gets frozen, it stops blinking.

I have written the following example to ilustrate the problem:

  1. <html>
        <head>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">
            </script>
            <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js">
            </script>
            <script>
                $(document).ready(function(){
                    $("div").click(function(){
                        $(this).children().trigger('focus');
                    });
                    $("div:last").draggable();
                });
            </script>
            <style>
                div {
                    width: 200px;
                    background-color: lightgray;
                    padding: 20px;
                }
            </style>
        </head>
        <body>
            <div>
                non-dragable<br/>
                <textarea></textarea>
            </div>
            <p></p>
            <div>
                draggable<br/>
                <textarea></textarea>
            </div>
        </body>
    </html>


































Any idea of why the extrage behavior?