Highlight / Focus Dropdown When Tabbing

[rskbuvanSpectator]

Hi,

I’ve a form where, tab is used to key-in the data’s in each field. Here, whenever there is a focus to text field, the field will be highlighted using CSS Pseudo class (:focus) or atleast cursor shows that, it is in text field. But in case of dropdown, there is no indication whether the dropdown field has got the focus or not. I’m getting the focus only during the dropdown click.

Also, I’ve read one thread in forum that, first the focus goes to dropdown arrow and then to combo input field.

Can anyone please suggest a solution of, how to highlight the dropdown field when tabbing from one field to another?

Thanks in advance,

Cheers,
\_rssb

[Peter StoevKeymaster]

Hi rskbuvan,

There is a CSS class(jqx-fill-state-focus) applied to jqxDropDownList when it is focused and it is not applied only on click, it is applied when the widget is Focused.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[rskbuvanSpectator]

Hi Peter,

It worked fine as expected with that class name.

Thank you,

Cheers,
\_rssb

[Author]

Posts