{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/13309","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/13309/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/13309/comments","events_url":"https://api.github.com/repos/angular/material2/issues/13309/events","html_url":"https://github.com/angular/material2/issues/13309","id":363758799,"node_id":"MDU6SXNzdWUzNjM3NTg3OTk=","number":13309,"title":"mat-select when selecting an option with SPACE key, animation breaks","user":{"login":"jessemoon0","id":13438524,"node_id":"MDQ6VXNlcjEzNDM4NTI0","avatar_url":"https://avatars0.githubusercontent.com/u/13438524?v=4","gravatar_id":"","url":"https://api.github.com/users/jessemoon0","html_url":"https://github.com/jessemoon0","followers_url":"https://api.github.com/users/jessemoon0/followers","following_url":"https://api.github.com/users/jessemoon0/following{/other_user}","gists_url":"https://api.github.com/users/jessemoon0/gists{/gist_id}","starred_url":"https://api.github.com/users/jessemoon0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessemoon0/subscriptions","organizations_url":"https://api.github.com/users/jessemoon0/orgs","repos_url":"https://api.github.com/users/jessemoon0/repos","events_url":"https://api.github.com/users/jessemoon0/events{/privacy}","received_events_url":"https://api.github.com/users/jessemoon0/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-09-25T20:44:56Z","updated_at":"2018-09-26T13:50:02Z","closed_at":null,"author_association":"NONE","body":"### **Bug**, feature request, or proposal:\r\nBug: \r\n\r\n**Component presenting the bug**: <mat-select></mat-select>\r\n\r\nWhen we use the **SPACE** key on the keyboard to select a focused value (we can change between values with arrows or with the mouse), it does a strange animation and doesn't close the mat-option window.\r\n\r\n### What is the expected behavior?\r\nTo be able to choose the focused value, close the window\r\n\r\n### What is the current behavior?\r\nMakes a strange animation when selecting a value with the SPACE key.\r\n\r\n### What are the steps to reproduce?\r\nWe can test it with the basic example in the material documentation. We paste it in a fully updated angular app. For some reason in stackblitz is working...\r\n\r\nHere is the video of the bug: [Video](https://www.dropbox.com/s/56xspbsi014mmw6/Sep-25-2018%2016-33-08.mp4?dl=0)\r\n\r\n\r\n### What is the use-case or motivation for changing an existing behavior?\r\n\r\nMaterial Docs say we can manipulate the value with either SPACE or ENTER key\r\n\r\n### Which versions of Angular, Material, OS, TypeScript, browsers are affected?\r\n\r\n**Material Version**: \"@angular/material\": \"6.4.7\"\r\n**Angular Animations Version**: \"@angular/animations\": \"6.1.8\"\r\n\r\n### Is there anything else we should know?\r\n\r\nI copied and pasted the simplest implementation of the mat-select on my app (because I have a more complicated one in there), and presented this bug.\r\n\r\nThank you for the help!!"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/424722503","html_url":"https://github.com/angular/material2/issues/13309#issuecomment-424722503","issue_url":"https://api.github.com/repos/angular/material2/issues/13309","id":424722503,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNDcyMjUwMw==","user":{"login":"jessemoon0","id":13438524,"node_id":"MDQ6VXNlcjEzNDM4NTI0","avatar_url":"https://avatars0.githubusercontent.com/u/13438524?v=4","gravatar_id":"","url":"https://api.github.com/users/jessemoon0","html_url":"https://github.com/jessemoon0","followers_url":"https://api.github.com/users/jessemoon0/followers","following_url":"https://api.github.com/users/jessemoon0/following{/other_user}","gists_url":"https://api.github.com/users/jessemoon0/gists{/gist_id}","starred_url":"https://api.github.com/users/jessemoon0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessemoon0/subscriptions","organizations_url":"https://api.github.com/users/jessemoon0/orgs","repos_url":"https://api.github.com/users/jessemoon0/repos","events_url":"https://api.github.com/users/jessemoon0/events{/privacy}","received_events_url":"https://api.github.com/users/jessemoon0/received_events","type":"User","site_admin":false},"created_at":"2018-09-26T13:50:02Z","updated_at":"2018-09-26T13:50:02Z","author_association":"NONE","body":"@crisbeto Thank you for the solution! I got it working by adding `(keydown)=\"$event.stopPropagation()\"` in the `<mat-select>` tag. =D"}}
{"actor":{"display_login":"jessemoon0"}}