Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
80
WebDropDown closing on blur
posted

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 Reply Children
No Data