{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material2/issues/1421","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/1421/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/1421/comments","events_url":"https://api.github.com/repos/angular/material2/issues/1421/events","html_url":"https://github.com/angular/material2/issues/1421","id":180940903,"number":1421,"title":"MdInput renders suffix's width relative to input width; often too wide","user":{"login":"mark-langer","id":18142114,"avatar_url":"https://avatars.githubusercontent.com/u/18142114?v=3","gravatar_id":"","url":"https://api.github.com/users/mark-langer","html_url":"https://github.com/mark-langer","followers_url":"https://api.github.com/users/mark-langer/followers","following_url":"https://api.github.com/users/mark-langer/following{/other_user}","gists_url":"https://api.github.com/users/mark-langer/gists{/gist_id}","starred_url":"https://api.github.com/users/mark-langer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mark-langer/subscriptions","organizations_url":"https://api.github.com/users/mark-langer/orgs","repos_url":"https://api.github.com/users/mark-langer/repos","events_url":"https://api.github.com/users/mark-langer/events{/privacy}","received_events_url":"https://api.github.com/users/mark-langer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-04T16:24:21Z","updated_at":"2016-10-04T16:24:21Z","closed_at":null,"body":"#### Bug, feature request, or proposal:\r\nBug\r\n\r\n#### What is the expected behavior?\r\nA suffix that is added to an `<md-input>` element should only be as wide as the suffix's contents.\r\n\r\n#### What is the current behavior?\r\nThe suffix's width is calculated relatively to the width of the entire input. If the input is, let's say, 650px wide, then the suffix renders to approximately 80px, although the suffix's content only has a width of, say, 24px.\r\n\r\n#### What are the steps to reproduce?\r\n\r\nSimply set the width of the `<md-input>` to a large number to see the relative sizing of the suffix.\r\n\r\nPlunker: http://plnkr.co/edit/DnK191LGat2o3bnOyTtt?p=preview\r\n\r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\nThe suffix is supposed to go to the very end of the input field. The current behaviour leaves too much white space to the right of the suffix.\r\n\r\n#### Which versions of Angular, Material, OS, browsers are affected?\r\nTested with Angular 2.0.0, Material 2.0.0-alpha.9 on Firefox 49.0.1, Windows 10\r\n\r\n#### Is there anything else we should know?\r\nA good solution might be styling the div.md-input-table and its children as a flexbox in the MdInputComponent template."}}
{"actor":{"display_login":"mark-langer"}}