{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/9169","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9169/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9169/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9169/events","html_url":"https://github.com/zurb/foundation-sites/issues/9169","id":175986596,"number":9169,"title":"CSS Nano bug","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":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-09T11:22:01Z","updated_at":"2016-09-09T11:22:01Z","closed_at":null,"body":"1. Download, run Foundation Zurb Template\r\n2. Create a Menu component or other Flexbox component/layout\r\n3. Test on an iPhone/iPad\r\n\r\n**What did you expect to happen?**\r\n\r\nLayout would display correctly.\r\n\r\n**What happened instead?**\r\n\r\nSomething bugs out with the Sass compiling. Instead of display:-webkit-flex, you end up with display:-webkit-box. This breaks any flexbox layout that uses flex-wrap:wrap on iOS devices.\r\n\r\nBy default, I always add the same browser support to CSS Nano that I do to autoprefixer, to stop it removing prefixes I need. Seems counter-intuitive to strip out prefixes I had already specifically asked to add, but I digress.\r\n\r\nMy only fix was to completely remove CSS Nano, now flexbox works correctly on any device. Though of course, now my CSS isn't minified."}}
{"actor":{"display_login":"brightonmike"}}