{"action":"created","issue":{"url":"https://api.github.com/repos/philipwalton/flexbugs/issues/197","repository_url":"https://api.github.com/repos/philipwalton/flexbugs","labels_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/197/labels{/name}","comments_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/197/comments","events_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/197/events","html_url":"https://github.com/philipwalton/flexbugs/issues/197","id":205241378,"number":197,"title":"100% height doesn't work within a flex item in a flex-item child (Chrome / Safari)","user":{"login":"somombo","id":5506400,"avatar_url":"https://avatars2.githubusercontent.com/u/5506400?v=3","gravatar_id":"","url":"https://api.github.com/users/somombo","html_url":"https://github.com/somombo","followers_url":"https://api.github.com/users/somombo/followers","following_url":"https://api.github.com/users/somombo/following{/other_user}","gists_url":"https://api.github.com/users/somombo/gists{/gist_id}","starred_url":"https://api.github.com/users/somombo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/somombo/subscriptions","organizations_url":"https://api.github.com/users/somombo/orgs","repos_url":"https://api.github.com/users/somombo/repos","events_url":"https://api.github.com/users/somombo/events{/privacy}","received_events_url":"https://api.github.com/users/somombo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":13,"created_at":"2017-02-03T19:01:51Z","updated_at":"2017-03-30T17:35:28Z","closed_at":null,"body":"I am posting this issue here because I haven't been able to find a workaround. \r\n\r\nIn addition, this is a known issue in chrome and safari but appears to not have been listen on the flexbugs list (unless I'm mistaken). For more info, See https://bugs.webkit.org/show_bug.cgi?id=137730\r\n\r\nHere is some code to reproduce the problem in Chrom and Safari (taken from http://jsfiddle.net/mLkp7L1j/2/) \r\n\r\n\r\n```html\r\n<div class=\"flex\">\r\n    <div class=\"flex-item\">\r\n        <div class=\"element\">\r\n            The orange element should be as tall as the blue element\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n```css\r\n.flex {\r\n    height: 100px;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-flex-flow: column;\r\n    flex-flow: column;\r\n}\r\n.flex-item {\r\n    background-color: steelblue;\r\n    -webkit-flex: 1 1 auto;\r\n    flex: 1 1 auto;\r\n}\r\n.element {\r\n    height: 100%;\r\n    background-color: orange;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/philipwalton/flexbugs/issues/comments/290484817","html_url":"https://github.com/philipwalton/flexbugs/issues/197#issuecomment-290484817","issue_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/197","id":290484817,"user":{"login":"mkurz","id":644927,"avatar_url":"https://avatars1.githubusercontent.com/u/644927?v=3","gravatar_id":"","url":"https://api.github.com/users/mkurz","html_url":"https://github.com/mkurz","followers_url":"https://api.github.com/users/mkurz/followers","following_url":"https://api.github.com/users/mkurz/following{/other_user}","gists_url":"https://api.github.com/users/mkurz/gists{/gist_id}","starred_url":"https://api.github.com/users/mkurz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mkurz/subscriptions","organizations_url":"https://api.github.com/users/mkurz/orgs","repos_url":"https://api.github.com/users/mkurz/repos","events_url":"https://api.github.com/users/mkurz/events{/privacy}","received_events_url":"https://api.github.com/users/mkurz/received_events","type":"User","site_admin":false},"created_at":"2017-03-30T17:35:27Z","updated_at":"2017-03-30T17:35:27Z","body":"@gsnedders Seems we have to wait another couple of months before this hits stable :cry: Thanks for testing!"}}
{"actor":{"display_login":"mkurz"}}