{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/5345","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/5345/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/5345/comments","events_url":"https://api.github.com/repos/angular/material/issues/5345/events","html_url":"https://github.com/angular/material/issues/5345","id":113145417,"number":5345,"title":"layout: flex-basis bug","user":{"login":"Dotneteer","id":4783390,"avatar_url":"https://avatars.githubusercontent.com/u/4783390?v=3","gravatar_id":"","url":"https://api.github.com/users/Dotneteer","html_url":"https://github.com/Dotneteer","followers_url":"https://api.github.com/users/Dotneteer/followers","following_url":"https://api.github.com/users/Dotneteer/following{/other_user}","gists_url":"https://api.github.com/users/Dotneteer/gists{/gist_id}","starred_url":"https://api.github.com/users/Dotneteer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Dotneteer/subscriptions","organizations_url":"https://api.github.com/users/Dotneteer/orgs","repos_url":"https://api.github.com/users/Dotneteer/repos","events_url":"https://api.github.com/users/Dotneteer/events{/privacy}","received_events_url":"https://api.github.com/users/Dotneteer/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/material/labels/ui:%20flexbox","name":"ui: flexbox","color":"fbca04"}],"state":"closed","locked":false,"assignee":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"assignees":[{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/34","html_url":"https://github.com/angular/material/milestones/1.2.0","labels_url":"https://api.github.com/repos/angular/material/milestones/34/labels","id":1485956,"number":34,"title":"1.2.0","description":"","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":24,"closed_issues":13,"state":"open","created_at":"2016-01-05T21:39:12Z","updated_at":"2016-10-11T16:59:34Z","due_on":null,"closed_at":null},"comments":9,"created_at":"2015-10-24T08:24:10Z","updated_at":"2016-10-21T05:46:26Z","closed_at":"2016-09-22T18:40:20Z","body":"`flex-offset` and `flex` have width calculation issue in 1.0.0-rc1\r\n\r\nTake a look at this code:\r\n\r\n```html\r\n<!DOCTYPE html>\r\n<html lang=\"en\" >\r\n<head>\r\n  <title>Simple Layout</title>\r\n  <meta charset=\"utf-8\">\r\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n  <meta name=\"description\" content=\"\">\r\n  <meta name=\"viewport\"\r\n        content=\"initial-scale=1, maximum-scale=1, user-scalable=no\" />\r\n  <link rel=\"stylesheet\"\r\n        href=\"./lib/angular-material/angular-material.css\"/>\r\n  <link rel=\"stylesheet\"\r\n        href=\"http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic\">\r\n  <style>\r\n    div.flex, div.flex-25, div.flex-50 {\r\n      border: 1px dotted gray;\r\n      padding: 8px;\r\n      background-color: #90CAF9; /* Blue 200 */\r\n    }\r\n\r\n    div.md-layout-column {\r\n      background-color: #FFE0B2; /* Orange 100 */\r\n      text-align: center;\r\n    }\r\n  </style>\r\n</head>\r\n<body ng-app=\"myApp\">\r\n<div layout=\"row\">\r\n  <div flex flex-offset=\"20\">#1 -->20%</div>\r\n</div>\r\n<div layout=\"row\" style=\"margin-top: 24px;\">\r\n  <div flex flex-offset=\"50\">#2 -->50% (25%)</div>\r\n  <div flex>#3 (25%)</div>\r\n</div>\r\n<div layout=\"row\" style=\"margin-top: 24px;\">\r\n  <div flex=\"25\" flex-offset=\"25\">#4 -->25% (25%)</div>\r\n  <div flex=\"50\" flex-offset=\"20\">#5 -->20% (50%)</div>\r\n</div>\r\n\r\n<!-- Angular/Material scripts -->\r\n<script src=\"./lib/angular/angular.js\"></script>\r\n<script src=\"./lib/angular-animate/angular-animate.js\"></script>\r\n<script src=\"./lib/angular-aria/angular-aria.js\"></script>\r\n<script src=\"./lib/angular-material/angular-material.js\"></script>\r\n\r\n<!-- App-specific scripts -->\r\n<script type=\"text/javascript\">\r\n  angular\r\n      .module('myApp', ['ngMaterial'])\r\n</script>\r\n</body>\r\n</html>\r\n```\r\nThe first two grid is rendered as expected. The third grid worked OK in previous versions (it overflew the right edge of the window and thus displayed a horizontal scrollbar), but it does not work this way with rc1.\r\nWhen examining in Chrome, offset spacing is calculated properly, but cell widths are not.\r\n\r\n0.11.2: Correct\r\n\r\n![f0314](https://cloud.githubusercontent.com/assets/4783390/10709690/6a6dce24-7a38-11e5-9395-affa4f63cea7.png)\r\n\r\n1.0.0-rc1: Strange\r\n\r\n![simple_layout_-_google_chrome_2015-10-24_10-19-25](https://cloud.githubusercontent.com/assets/4783390/10709734/3b7ba996-7a39-11e5-8e38-31cc6f8b64e1.png)\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/255298987","html_url":"https://github.com/angular/material/issues/5345#issuecomment-255298987","issue_url":"https://api.github.com/repos/angular/material/issues/5345","id":255298987,"user":{"login":"herophuong","id":1001176,"avatar_url":"https://avatars.githubusercontent.com/u/1001176?v=3","gravatar_id":"","url":"https://api.github.com/users/herophuong","html_url":"https://github.com/herophuong","followers_url":"https://api.github.com/users/herophuong/followers","following_url":"https://api.github.com/users/herophuong/following{/other_user}","gists_url":"https://api.github.com/users/herophuong/gists{/gist_id}","starred_url":"https://api.github.com/users/herophuong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/herophuong/subscriptions","organizations_url":"https://api.github.com/users/herophuong/orgs","repos_url":"https://api.github.com/users/herophuong/repos","events_url":"https://api.github.com/users/herophuong/events{/privacy}","received_events_url":"https://api.github.com/users/herophuong/received_events","type":"User","site_admin":false},"created_at":"2016-10-21T05:46:26Z","updated_at":"2016-10-21T05:46:26Z","body":"@ThomasBurleson Should I create a new issue for this?"}}
{"actor":{"display_login":"herophuong"}}