{"action":"opened","issue":{"url":"https://api.github.com/repos/mui-org/material-ui/issues/10847","repository_url":"https://api.github.com/repos/mui-org/material-ui","labels_url":"https://api.github.com/repos/mui-org/material-ui/issues/10847/labels{/name}","comments_url":"https://api.github.com/repos/mui-org/material-ui/issues/10847/comments","events_url":"https://api.github.com/repos/mui-org/material-ui/issues/10847/events","html_url":"https://github.com/mui-org/material-ui/issues/10847","id":309816332,"number":10847,"title":"MenuItem gets highlighted with a delay when navigating with arrow keys","user":{"login":"semiadam","id":5418638,"avatar_url":"https://avatars0.githubusercontent.com/u/5418638?v=4","gravatar_id":"","url":"https://api.github.com/users/semiadam","html_url":"https://github.com/semiadam","followers_url":"https://api.github.com/users/semiadam/followers","following_url":"https://api.github.com/users/semiadam/following{/other_user}","gists_url":"https://api.github.com/users/semiadam/gists{/gist_id}","starred_url":"https://api.github.com/users/semiadam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/semiadam/subscriptions","organizations_url":"https://api.github.com/users/semiadam/orgs","repos_url":"https://api.github.com/users/semiadam/repos","events_url":"https://api.github.com/users/semiadam/events{/privacy}","received_events_url":"https://api.github.com/users/semiadam/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-29T16:12:22Z","updated_at":"2018-03-29T16:12:22Z","closed_at":null,"author_association":"NONE","body":"When a user navigates on a menu (dropdown) using arrow keys, the \"current\" item is not right away visually highlighted. Therefore, user cannot quickly navigate a long menu, and has to wait after each keypress for the highlight to appear to show him where he is.\r\n<!--\r\n    Thank you very much for contributing to Material-UI by creating an issue! ❤️\r\n    To avoid duplicate issues we ask you to check off the following list.\r\n-->\r\n\r\n<!-- Checked checkbox should look like this: [x] -->\r\n- [x] I have searched the [issues](https://github.com/mui-org/material-ui/issues) of this repository and believe that this is not a duplicate.\r\n\r\n## Expected Behavior\r\nNavigating on a `Menu` using arrow keys must **immediately** highlight the current `MenuItem` so user does not have to wait to see which items is highlighted.\r\n\r\n## Current Behavior\r\nCurrently there is a fade-in transition to highlight the background of `MenuItem`. When navigating quickly on the items using keyboard, this transition prevents user from quickly seeing which item is currently highlighted. Therefore, user has to wait after each keypress to see which item he is on.\r\n\r\n## Steps to Reproduce (for bugs)\r\nThis can be observed on the official documentation page:\r\nhttps://material-ui-next.com/demos/menus/\r\n\r\n## Context\r\nFilling forms with keyboard is common practice for heavy users of business apps. I noticed they have difficulties selecting from MUI dropdowns due to the misbehavior described above.\r\n\r\n## Your Environment\r\n<!--- Include as many relevant details about the environment with which you experienced the bug. -->\r\n\r\n| Tech         | Version |\r\n|--------------|---------|\r\n| Material-UI  |  beta 29       |\r\n| React        |      16.1   |\r\n| browser      |       Chrome  |\r\n| etc          |         |\r\n"}}
{"actor":{"display_login":"semiadam"}}