Skip to content

Tabbing to next input from multiple select doesn't work with mouse click #10900

Closed
@dushkostanoeski

Description

@dushkostanoeski

Bug, feature request, or proposal:

Bug

What is the expected behavior?

To be able to move to the next input field in the form using tab after you select multiple options in the select input using the mouse.

What is the current behavior?

After selecting options in the multiple select using the mouse, hitting the tab button doesn't move the focus to the next input. If you use the keyboard only (space to open the select and select or deselect options) and then hit tab, it works as expected.

What are the steps to reproduce?

https://angular-material2-issue-nrhaoz.stackblitz.io/

What is the use-case or motivation for changing an existing behavior?

Users should have the same experience using both the keyboard and the mouse

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

I noticed this with 5.2.10 and 5.2.4, but the stackblitz is using 6.0.0-rc.1 and that is still happening

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions