{"action":"created","issue":{"url":"https://api.github.com/repos/philipwalton/flexbugs/issues/3","labels_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/3/comments","events_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/3/events","html_url":"https://github.com/philipwalton/flexbugs/issues/3","id":53535090,"number":3,"title":"IE (11), padding on child elements","user":{"login":"brightonmike","id":2071150,"avatar_url":"https://avatars.githubusercontent.com/u/2071150?v=3","gravatar_id":"","url":"https://api.github.com/users/brightonmike","html_url":"https://github.com/brightonmike","followers_url":"https://api.github.com/users/brightonmike/followers","following_url":"https://api.github.com/users/brightonmike/following{/other_user}","gists_url":"https://api.github.com/users/brightonmike/gists{/gist_id}","starred_url":"https://api.github.com/users/brightonmike/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brightonmike/subscriptions","organizations_url":"https://api.github.com/users/brightonmike/orgs","repos_url":"https://api.github.com/users/brightonmike/repos","events_url":"https://api.github.com/users/brightonmike/events{/privacy}","received_events_url":"https://api.github.com/users/brightonmike/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":12,"created_at":"2015-01-06T16:50:15Z","updated_at":"2015-07-28T20:48:20Z","closed_at":"2015-01-13T04:29:27Z","body":"I've noticed a weird discrepancy between IE (11) and other Browsers when you apply padding to elements that are child elements of a display:flex container.\r\n\r\nI've documented it on my blog here:http://michaelgunner.co.uk/padding-flexbox-child-elements-causing-chaos-ie/\r\n\r\nTo summarise, if you set a flex-basis value and use flex-wrap:wrap, when you add padding to the elements in IE the layout totally screws up.\r\n\r\nIt's quite possible that being January, and also recovering from a bad cold/xmas/ny, I'm missing a beat somewhere and pulling a bit of a noob move - but I can't figure it out.\r\n\r\nCode link: http://codepen.io/brightonmike/pen/KwNLpo\r\n\r\nI'm aware I could remove the wrap property - but I want to my elements to wrap, not squeeze onto one line. Using width instead of basis fixes it too, but that reduces the flexibility of the code.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/philipwalton/flexbugs/issues/comments/125750135","html_url":"https://github.com/philipwalton/flexbugs/issues/3#issuecomment-125750135","issue_url":"https://api.github.com/repos/philipwalton/flexbugs/issues/3","id":125750135,"user":{"login":"philipwalton","id":326742,"avatar_url":"https://avatars.githubusercontent.com/u/326742?v=3","gravatar_id":"","url":"https://api.github.com/users/philipwalton","html_url":"https://github.com/philipwalton","followers_url":"https://api.github.com/users/philipwalton/followers","following_url":"https://api.github.com/users/philipwalton/following{/other_user}","gists_url":"https://api.github.com/users/philipwalton/gists{/gist_id}","starred_url":"https://api.github.com/users/philipwalton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/philipwalton/subscriptions","organizations_url":"https://api.github.com/users/philipwalton/orgs","repos_url":"https://api.github.com/users/philipwalton/repos","events_url":"https://api.github.com/users/philipwalton/events{/privacy}","received_events_url":"https://api.github.com/users/philipwalton/received_events","type":"User","site_admin":false},"created_at":"2015-07-28T20:48:20Z","updated_at":"2015-07-28T20:48:20Z","body":"> if I understood this thread right, a fix was supposed to be implemented at browser level\r\n\r\nThe fix is in the Edge browser, not in IE11."}}