Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

drop down menu get keyboard focus #714

Closed
codeuniquely opened this issue May 28, 2015 · 11 comments
Closed

drop down menu get keyboard focus #714

codeuniquely opened this issue May 28, 2015 · 11 comments
Labels
component: menu This is the name of the generic UI component, not the React module!

Comments

@codeuniquely
Copy link

When tabbing through a form or page and the tab order shifts onto a Drop Down menu it should get focus and open with the currently selected Index item selected in the menu.

Currently Drop Down Menus don't interact at all when tabbing through controls

@hai-cea
Copy link
Member

hai-cea commented Jun 7, 2015

We'll address this with #51

@hai-cea
Copy link
Member

hai-cea commented Jun 19, 2015

Thanks @codeuniquely - Fixed with SelectField in #846

@hai-cea hai-cea closed this as completed Jun 19, 2015
@tonyxiao
Copy link
Contributor

As of the latest version of Material UI I'm still not getting keyboard focus on the SelectField. When tabbing it skips over the select field and goes straight to the next textfield / button. Is that expected behavior?

@sburgess8
Copy link
Contributor

@hai-cea I am unable to select the DropDownMenu by tabbing through the page. If I don't pass "tabIndex={ 0 }", it skips over the component. With tabIndex, I can't open the dropdown menu with enter, arrows, or spacebar. The :active css selector applies on selection via tab. Tabbing through the items of the dropdown works well once the dropdown is open. This is true for 0.14.4 and 0.15.0-alpha.1 as well.

@wiber
Copy link

wiber commented Mar 17, 2016

if one could trigger a click on it when it's onFocus it would look right. haven't found a way to do this.

@wbprice
Copy link

wbprice commented Apr 6, 2016

I'm also unable to focus SelectField using the keyboard on Material-UI v0.15.0-alpha.1

@NeXTs
Copy link

NeXTs commented Jul 27, 2016

Does anyone has any workaround regarding forcing dropdown respond on tabkey?
It doesn't work for me in 0.15.2

@mikroware
Copy link

I am also wondering if there is a workaround. It is pretty annoying when it just skips the SelectField while tabbing through the fields. For [email protected] tabbing does not work.

@micahlisonbee
Copy link

+1, it seems this issue has been addressed but not properly fixed in the latest release. I'm on 0.15.3. @hai-cea

@RobRolls
Copy link

RobRolls commented Sep 4, 2016

+1, I'm on 0.15.4 and the SelectField is being skipped when I tab through the UI.

@husterk
Copy link

husterk commented Oct 24, 2016

+1, I am using 0.16.0 and I am still not able to select a SelectField component when tabbing through the navigable components on the page. Pressing the Tab key always skips the SelectField components. Please reopen this issue and address it. It is very annoying to our users.

@zannager zannager added the component: menu This is the name of the generic UI component, not the React module! label Dec 21, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: menu This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests