{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/4789","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/4789/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/4789/comments","events_url":"https://api.github.com/repos/angular/material2/issues/4789/events","html_url":"https://github.com/angular/material2/issues/4789","id":231207128,"number":4789,"title":"Input: make inputs same width regardless of prefix/suffix","user":{"login":"radoslavpetranov","id":2715732,"avatar_url":"https://avatars0.githubusercontent.com/u/2715732?v=4","gravatar_id":"","url":"https://api.github.com/users/radoslavpetranov","html_url":"https://github.com/radoslavpetranov","followers_url":"https://api.github.com/users/radoslavpetranov/followers","following_url":"https://api.github.com/users/radoslavpetranov/following{/other_user}","gists_url":"https://api.github.com/users/radoslavpetranov/gists{/gist_id}","starred_url":"https://api.github.com/users/radoslavpetranov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/radoslavpetranov/subscriptions","organizations_url":"https://api.github.com/users/radoslavpetranov/orgs","repos_url":"https://api.github.com/users/radoslavpetranov/repos","events_url":"https://api.github.com/users/radoslavpetranov/events{/privacy}","received_events_url":"https://api.github.com/users/radoslavpetranov/received_events","type":"User","site_admin":false},"labels":[{"id":377364335,"url":"https://api.github.com/repos/angular/material2/labels/has%20pr","name":"has pr","color":"d4c5f9","default":false},{"id":311421688,"url":"https://api.github.com/repos/angular/material2/labels/P3:%20important","name":"P3: important","color":"fad8c7","default":false}],"state":"closed","locked":false,"assignee":{"login":"mmalerba","id":14793288,"avatar_url":"https://avatars1.githubusercontent.com/u/14793288?v=4","gravatar_id":"","url":"https://api.github.com/users/mmalerba","html_url":"https://github.com/mmalerba","followers_url":"https://api.github.com/users/mmalerba/followers","following_url":"https://api.github.com/users/mmalerba/following{/other_user}","gists_url":"https://api.github.com/users/mmalerba/gists{/gist_id}","starred_url":"https://api.github.com/users/mmalerba/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mmalerba/subscriptions","organizations_url":"https://api.github.com/users/mmalerba/orgs","repos_url":"https://api.github.com/users/mmalerba/repos","events_url":"https://api.github.com/users/mmalerba/events{/privacy}","received_events_url":"https://api.github.com/users/mmalerba/received_events","type":"User","site_admin":false},"assignees":[{"login":"mmalerba","id":14793288,"avatar_url":"https://avatars1.githubusercontent.com/u/14793288?v=4","gravatar_id":"","url":"https://api.github.com/users/mmalerba","html_url":"https://github.com/mmalerba","followers_url":"https://api.github.com/users/mmalerba/followers","following_url":"https://api.github.com/users/mmalerba/following{/other_user}","gists_url":"https://api.github.com/users/mmalerba/gists{/gist_id}","starred_url":"https://api.github.com/users/mmalerba/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mmalerba/subscriptions","organizations_url":"https://api.github.com/users/mmalerba/orgs","repos_url":"https://api.github.com/users/mmalerba/repos","events_url":"https://api.github.com/users/mmalerba/events{/privacy}","received_events_url":"https://api.github.com/users/mmalerba/received_events","type":"User","site_admin":false}],"milestone":null,"comments":4,"created_at":"2017-05-25T00:20:58Z","updated_at":"2017-08-09T16:37:02Z","closed_at":"2017-07-28T14:57:49Z","body":"#### Bug\r\nEnabling the datepicker button changes the width of the input\r\n\r\n#### What is the expected behavior?\r\nThe button should not alter the width of the visible input field\r\n\r\n#### What is the current behavior?\r\nThe button extends the width of the input field\r\n\r\n#### What are the steps to reproduce?\r\n\r\nhttp://plnkr.co/edit/8Ng4s66r3gw2I0QbINn0?p=preview\r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\nAll inputs have a uniform width creating a nicely ordered layout. That little width change screws up the the layout.\r\n\r\n#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?\r\n@angular/cli: 1.0.2\r\nnode: 6.10.0\r\nos: win32 x64\r\n@angular/animations: 4.1.1\r\n@angular/common: 4.1.1\r\n@angular/compiler: 4.1.1\r\n@angular/core: 4.1.1\r\n@angular/flex-layout: 2.0.0-beta.8\r\n@angular/forms: 4.1.1\r\n@angular/http: 4.1.1\r\n@angular/material: 2.0.0-beta.5\r\n@angular/platform-browser: 4.1.1\r\n@angular/platform-browser-dynamic: 4.1.1\r\n@angular/router: 4.1.1\r\n@angular/cli: 1.0.2\r\n@angular/compiler-cli: 4.1.1\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/321310816","html_url":"https://github.com/angular/material2/issues/4789#issuecomment-321310816","issue_url":"https://api.github.com/repos/angular/material2/issues/4789","id":321310816,"user":{"login":"mmalerba","id":14793288,"avatar_url":"https://avatars1.githubusercontent.com/u/14793288?v=4","gravatar_id":"","url":"https://api.github.com/users/mmalerba","html_url":"https://github.com/mmalerba","followers_url":"https://api.github.com/users/mmalerba/followers","following_url":"https://api.github.com/users/mmalerba/following{/other_user}","gists_url":"https://api.github.com/users/mmalerba/gists{/gist_id}","starred_url":"https://api.github.com/users/mmalerba/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mmalerba/subscriptions","organizations_url":"https://api.github.com/users/mmalerba/orgs","repos_url":"https://api.github.com/users/mmalerba/repos","events_url":"https://api.github.com/users/mmalerba/events{/privacy}","received_events_url":"https://api.github.com/users/mmalerba/received_events","type":"User","site_admin":false},"created_at":"2017-08-09T16:37:01Z","updated_at":"2017-08-09T16:37:01Z","body":"Hi @noamkfir could you give me some examples of the kinds of situations where this change causes the input to behave much differently than it used to? It seems to me like it used to just default to `176px` (on chrome at least) due to the natural size of the input, now it defaults to `200px` instead.\r\n\r\nI do agree with you about the specificity issue being annoying, if I change it to an element selector rather than class would that be enough to resolve your concerns with setting the default width?"}}
{"actor":{"display_login":"mmalerba"}}