{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/11650","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/11650/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/11650/comments","events_url":"https://api.github.com/repos/angular/material2/issues/11650/events","html_url":"https://github.com/angular/material2/issues/11650","id":329154696,"node_id":"MDU6SXNzdWUzMjkxNTQ2OTY=","number":11650,"title":"Datepicker with appearance=fill renders wrong in IE11 and Edge","user":{"login":"hblieb","id":4304756,"node_id":"MDQ6VXNlcjQzMDQ3NTY=","avatar_url":"https://avatars1.githubusercontent.com/u/4304756?v=4","gravatar_id":"","url":"https://api.github.com/users/hblieb","html_url":"https://github.com/hblieb","followers_url":"https://api.github.com/users/hblieb/followers","following_url":"https://api.github.com/users/hblieb/following{/other_user}","gists_url":"https://api.github.com/users/hblieb/gists{/gist_id}","starred_url":"https://api.github.com/users/hblieb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hblieb/subscriptions","organizations_url":"https://api.github.com/users/hblieb/orgs","repos_url":"https://api.github.com/users/hblieb/repos","events_url":"https://api.github.com/users/hblieb/events{/privacy}","received_events_url":"https://api.github.com/users/hblieb/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-06-04T17:49:28Z","updated_at":"2018-06-05T10:59:42Z","closed_at":null,"author_association":"NONE","body":"#### Bug, feature request, or proposal:\r\nBug\r\n\r\n#### What is the expected behavior?\r\nIn IE11 and Edge, Datepicker should render properly when appearance is set to \"fill,\" \"standard\" or \"outline.\"\r\n\r\n#### What is the current behavior?\r\nIn IE11 and Edge, Datepicker is significantly taller than it should be. (OK in Chrome)\r\n\r\n#### What are the steps to reproduce?\r\nTake the basic datepicker example from Angular material docs, Add appearance=\"fill\" then view in IE11 or Edge.\r\nhttps://stackblitz.com/edit/angular-8jkfsk?file=app/datepicker-overview-example.html\r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\nWhen form fields are side-by-side, this throws off the alignment\r\n\r\n#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?\r\nAngular 6.2, Internet Explorer 11, Microsoft Edge browser.\r\n\r\n#### Is there anything else we should know?\r\nLooks good when appearance=legacy"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/394667876","html_url":"https://github.com/angular/material2/issues/11650#issuecomment-394667876","issue_url":"https://api.github.com/repos/angular/material2/issues/11650","id":394667876,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NDY2Nzg3Ng==","user":{"login":"crisbeto","id":4450522,"node_id":"MDQ6VXNlcjQ0NTA1MjI=","avatar_url":"https://avatars0.githubusercontent.com/u/4450522?v=4","gravatar_id":"","url":"https://api.github.com/users/crisbeto","html_url":"https://github.com/crisbeto","followers_url":"https://api.github.com/users/crisbeto/followers","following_url":"https://api.github.com/users/crisbeto/following{/other_user}","gists_url":"https://api.github.com/users/crisbeto/gists{/gist_id}","starred_url":"https://api.github.com/users/crisbeto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/crisbeto/subscriptions","organizations_url":"https://api.github.com/users/crisbeto/orgs","repos_url":"https://api.github.com/users/crisbeto/repos","events_url":"https://api.github.com/users/crisbeto/events{/privacy}","received_events_url":"https://api.github.com/users/crisbeto/received_events","type":"User","site_admin":false},"created_at":"2018-06-05T10:59:42Z","updated_at":"2018-06-05T10:59:42Z","author_association":"MEMBER","body":"Spent some time looking into this one yesterday, but wasn't able to find a decent cross-browser solution. For future reference, the issue seems to come from the fact that we're using `align-items: baseline` to align the input and the prefix/suffix."}}
{"actor":{"display_login":"crisbeto"}}