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

No Data

Reply

80

Carlos posted over 8 years ago

By the way, this also happens here:

http://ko.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

Children

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
10685

Offline Ivaylo Ganchev posted over 8 years ago in reply to Carlos

Hello and thank you for noticing this!

We will require some time to investigate the matter and I will come back to you with more details, and a possible workaround. To ensure that it will receive attention, I have logged this behavior in our internal tracking system with a Development ID #217237 “WDD focus is fired one additional time, when selecting an item using the keyboard and pressing TAB key” You could keep track of it via our website.
Cancel
Reply

Cancel