{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material2/issues/2446","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/2446/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/2446/comments","events_url":"https://api.github.com/repos/angular/material2/issues/2446/events","html_url":"https://github.com/angular/material2/issues/2446","id":197859260,"number":2446,"title":"Layout not displaying properly inside MD-Dialog","user":{"login":"paistipoikka","id":20871336,"avatar_url":"https://avatars.githubusercontent.com/u/20871336?v=3","gravatar_id":"","url":"https://api.github.com/users/paistipoikka","html_url":"https://github.com/paistipoikka","followers_url":"https://api.github.com/users/paistipoikka/followers","following_url":"https://api.github.com/users/paistipoikka/following{/other_user}","gists_url":"https://api.github.com/users/paistipoikka/gists{/gist_id}","starred_url":"https://api.github.com/users/paistipoikka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/paistipoikka/subscriptions","organizations_url":"https://api.github.com/users/paistipoikka/orgs","repos_url":"https://api.github.com/users/paistipoikka/repos","events_url":"https://api.github.com/users/paistipoikka/events{/privacy}","received_events_url":"https://api.github.com/users/paistipoikka/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-12-28T14:12:13Z","updated_at":"2016-12-28T14:12:13Z","closed_at":null,"body":"#### Bug, feature request, or proposal:\r\n\r\nBug\r\nHi,\r\n\r\nUsing angular/flex-layout I am trying to create a layout that is 400px wide for use inside an <md-dialog>.\r\n\r\n```\r\n<form role=\"form\" (ngSubmit)=\"authorize(loginForm)\" novalidate  #loginForm=\"ngForm\">\r\n        <div fxLayout=\"row\"> \r\n            <h3>Enter Login Credentials</h3>\r\n        </div>\r\n        <div fxLayout=\"row\"> \r\n            <p class=\"validation-message\" *ngIf=\"authorisationErrorMessage\">{{authorisationErrorMessage}}</p>\r\n        </div>\r\n        <div fxLayout=\"row\">\r\n            <div fxFlex=\"400px\" fxFlex.gt-xs=\"400px\" fxFlex.xs=\"300px\">\r\n                <md-input-container class=\"fullwidth\"> \r\n                    <input md-input \r\n                        name=\"licenceNumber\"\r\n                        placeholder=\"Licence Number\" >   \r\n                </md-input-container>\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\">\r\n            <div fxFlex=\"400px\" fxFlex.xs=\"300px\">\r\n                <md-input-container class=\"fullwidth\"> \r\n                    <input md-input \r\n                        name=\"email\"\r\n                        placeholder=\"Email\">       \r\n                </md-input-container> \r\n            </div> \r\n        </div>\r\n        <div fxLayout=\"row\">\r\n            <div fxFlex=\"400px\" fxFlex.xs=\"300px\">\r\n                <md-input-container class=\"fullwidth\"> \r\n                    <input md-input \r\n                        name=\"plainPassword\"\r\n                        placeholder=\"Password\"\r\n                        type=\"password\">     \r\n                </md-input-container>\r\n            </div>  \r\n        </div>\r\n        <div fxLayout=\"row\">\r\n            <div fxFlex=\"400px\" fxFlex.xs=\"300px\">\r\n                <button md-raised-button color=\"primary\" type=\"submit\">Login</button>\r\n            </div>\r\n        </div> \r\n</form>\r\n```\r\nIn this case I am expecting a form that is 400px wide yet when I measure it is only 320px. It appears as if the dimensions for the layout are being ignored. \r\n\r\nThis has been raised with the Flex-Layout team and they have indicated that this is a material problem. For the details see:\r\n\r\nhttps://github.com/angular/flex-layout/issues/68\r\n\r\n\r\n#### What are the steps to reproduce?\r\n\r\nSee Plunkr:\r\n\r\nhttps://github.com/angular/flex-layout/issues/68\r\n\r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\n\r\n\r\n#### Which versions of Angular, Material, OS, browsers are affected?\r\n\r\nChrome on OSX\r\n\r\n#### Is there anything else we should know?\r\n"}}
{"actor":{"display_login":"paistipoikka"}}