Question

I’m using the jQuery UI modal dialog, and populating it with some form fields. Because of this bug: http://bugs.jqueryui.com/ticket/4731, the first input gains focus when the dialog opens. To get around that, I’m trying to blur the affected input when the dialog is opened.

The problem is that there exists other functionality which is called for this input on a .blur(), and I don’t want to fire that functionality for this.

So, I’m trying to use .focusout()and .trigger('focusout') to achieve the same effect, but with no results.

Doing either of these:

$('#input-id').focusout();
$('#input-id').trigger('focusout');

does not actually cause the input to lose focus, where using .blur() is successful. Am I missing something, or is there another way to accomplish what I need?

Answer 1

My suggestion would be to set the focus to some other element in the dialog when it is opened instead of setting textbox to blur. This should overcome your problem.

Hope this Helps!!