WebDropDown closing on blur | Infragistics Forums

WebDropDown closing on blur

Carlos posted over 8 years ago

Hi,

I have the following problem with my webdropdowns.

I need the dropdowns to close when I leave them with the TAB key. If you open one dropdown, then move through the items with the arrow keys and the press TAB, the dropdown remains open (see attached demo project).

I added the followin code to fix this:

$("input.igdd_ClaymationValueDisplay ").off("blur").on("blur", function (e) {
var dropDown = $(e.target).parents(".igdd_ClaymationControl")[0];
$IG.WebDropDown.find(dropDown.id).closeDropDown();
});

However the following problem remains. After you press TAB, the focus moves to the next element, but when the first dropdown closes it automatically takes the focus back. It seems to be some kind of automatic focus management of the dropdown. Is there any way to avoid this behaviour?

Thanks in advance.

DropDownsDemo.rar

Parents

80

Carlos posted over 8 years ago

By the way, this also happens here:

http://es.infragistics.com/samples/aspnet/drop-down/client-events

Open dropdown, move with keys, click on the textbox (or press TAB) and the focus goes back to the dropdown automatically.

Is there a workaround for this?
Cancel
Reply

Cancel

Reply

4315

Suggested Answer
Offline Nikolay Alipiev posted over 8 years ago in reply to Carlos

Hi, Carlos.

We've researched this issue and it appears that the drop down is working the following way. When the drop down is closed, because it is element that has taken the input focus, then the focus needs to be returned to the WebDropDown input. The input focus is returned with some timeout, that's why the focus on the second web drop down happens before the first drop down returns the focus to its input. In that case it is 100 ms. Removing the timeout is not appropriate solution, cause the control depends on it in some cases. That's why the only possible workaround is manually setting the focus to the second drop down. I'm attaching sample with solution, that contains the following code:

dd1_Opened = false;
dd2_Focused = false;
function WebDropDown1_DropDownOpened(sender, eventArgs) {
    dd1_Opened = true;
}
function WebDropDown1_DropDownClosed(sender, eventArgs) {
    if (dd1_Opened && dd2_Focused) {
           $find("WebDropDown2")._elements.Input.focus();
       }
       dd1_Opened = false;
       dd2_Focused = false;
}
function WebDropDown2_Focus(sender, eventArgs) {
      dd2_Focused = true;
}

Thank you for the cooperation and for using our product.

Best regards,

Nikolay Alipiev

Software Developer

WDD_FocusBug.rar
Cancel
Reply

Reject Answer

Cancel

Children

22852

Offline Alan Halama posted over 8 years ago in reply to Nikolay Alipiev

The fix for development issue 217237 is available in the latest service release which can be downloaded from the My Keys and Downloads page.
Cancel
Reply

Cancel
4315

Suggested Answer
Offline Nikolay Alipiev posted over 8 years ago in reply to Nikolay Alipiev

Hi, Carlos.

Please ignore the previous workaround. I've recently fixed the bug internally in our source code, and the fix will be available in our next Service Release, this month. Thank you for the patience.

Best regards,

Nikolay Alipiev
Cancel
Reply

Reject Answer

Cancel