{"action":"created","issue":{"url":"https://api.github.com/repos/postcss/autoprefixer/issues/1118","repository_url":"https://api.github.com/repos/postcss/autoprefixer","labels_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1118/labels{/name}","comments_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1118/comments","events_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1118/events","html_url":"https://github.com/postcss/autoprefixer/issues/1118","id":360615992,"node_id":"MDU6SXNzdWUzNjA2MTU5OTI=","number":1118,"title":"[css-grid] Handle [align/justify]-[content/items] appropriately","user":{"login":"Dan503","id":10610368,"node_id":"MDQ6VXNlcjEwNjEwMzY4","avatar_url":"https://avatars2.githubusercontent.com/u/10610368?v=4","gravatar_id":"","url":"https://api.github.com/users/Dan503","html_url":"https://github.com/Dan503","followers_url":"https://api.github.com/users/Dan503/followers","following_url":"https://api.github.com/users/Dan503/following{/other_user}","gists_url":"https://api.github.com/users/Dan503/gists{/gist_id}","starred_url":"https://api.github.com/users/Dan503/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Dan503/subscriptions","organizations_url":"https://api.github.com/users/Dan503/orgs","repos_url":"https://api.github.com/users/Dan503/repos","events_url":"https://api.github.com/users/Dan503/events{/privacy}","received_events_url":"https://api.github.com/users/Dan503/received_events","type":"User","site_admin":false},"labels":[{"id":49587834,"node_id":"MDU6TGFiZWw0OTU4NzgzNA==","url":"https://api.github.com/repos/postcss/autoprefixer/labels/support","name":"support","color":"009800","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-09-16T08:12:53Z","updated_at":"2018-09-18T02:03:22Z","closed_at":null,"author_association":"NONE","body":"IE does not supporting any of these properties:\r\n\r\n- align-content\r\n- align-items\r\n- justify-content\r\n- justify-items\r\n\r\nFor `align-items` and `justify-items`, you can often work around the issue by using `align-self` and `justify-self` instead:\r\n\r\n```css\r\n/* This: */\r\n.grid {\r\n  justify-items: center;\r\n  align-items: center;\r\n}\r\n\r\n/* Is very similar to this: */\r\n.grid > * {\r\n  align-self: center;\r\n  justify-self: center;\r\n}\r\n```\r\nIt doesn't work in 100% of circumstances but it does work most of the time. If Autoprefixer knows that the element is a grid container then it should be prefixed like so:\r\n\r\n**Input CSS**\r\n\r\n```css\r\n.grid {\r\n  display: grid;\r\n  justify-items: center;\r\n  align-items: center;\r\n}\r\n```\r\n\r\n**Expected output CSS**\r\n\r\n```css\r\n.grid {\r\n  display: -ms-grid;\r\n  display: grid;\r\n  justify-items: center;\r\n  align-items: center;\r\n}\r\n.grid > * {\r\n  -ms-grid-column-align: center;\r\n  -ms-grid-row-align: center;\r\n}\r\n```\r\n\r\nIf `justify-items` or `align-items` is used in the same rule as any of the following properties, then it is safe to assume that it is a grid container element:\r\n\r\n- display: grid\r\n- display: inline-grid\r\n- grid-template-columns\r\n- grid-template-rows\r\n- grid-template-areas\r\n- grid-template\r\n- grid-column-gap\r\n- grid-row-gap\r\n- grid-gap\r\n\r\n\r\nFor `align-content` and `justify-content` Autoprefixer should warn users that IE does not support those properties if it detects that they are being used on a grid container and grid translations are enabled.\r\n\r\nExample Warning:\r\n\r\n> IE does not support align-content and justify-content on grid containers"},"comment":{"url":"https://api.github.com/repos/postcss/autoprefixer/issues/comments/422228686","html_url":"https://github.com/postcss/autoprefixer/issues/1118#issuecomment-422228686","issue_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1118","id":422228686,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMjIyODY4Ng==","user":{"login":"ai","id":19343,"node_id":"MDQ6VXNlcjE5MzQz","avatar_url":"https://avatars1.githubusercontent.com/u/19343?v=4","gravatar_id":"","url":"https://api.github.com/users/ai","html_url":"https://github.com/ai","followers_url":"https://api.github.com/users/ai/followers","following_url":"https://api.github.com/users/ai/following{/other_user}","gists_url":"https://api.github.com/users/ai/gists{/gist_id}","starred_url":"https://api.github.com/users/ai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ai/subscriptions","organizations_url":"https://api.github.com/users/ai/orgs","repos_url":"https://api.github.com/users/ai/repos","events_url":"https://api.github.com/users/ai/events{/privacy}","received_events_url":"https://api.github.com/users/ai/received_events","type":"User","site_admin":false},"created_at":"2018-09-18T02:03:22Z","updated_at":"2018-09-18T02:03:22Z","author_association":"MEMBER","body":"I sent this task to our Cult of Martians"}}
{"actor":{"display_login":"ai"}}