{"action":"created","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2559","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2559/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2559/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2559/events","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/2559","id":93948753,"number":2559,"title":"[GRID] - Assume full width with one column doesnt work","user":{"login":"startswithaj","id":3658522,"avatar_url":"https://avatars.githubusercontent.com/u/3658522?v=3","gravatar_id":"","url":"https://api.github.com/users/startswithaj","html_url":"https://github.com/startswithaj","followers_url":"https://api.github.com/users/startswithaj/followers","following_url":"https://api.github.com/users/startswithaj/following{/other_user}","gists_url":"https://api.github.com/users/startswithaj/gists{/gist_id}","starred_url":"https://api.github.com/users/startswithaj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/startswithaj/subscriptions","organizations_url":"https://api.github.com/users/startswithaj/orgs","repos_url":"https://api.github.com/users/startswithaj/repos","events_url":"https://api.github.com/users/startswithaj/events{/privacy}","received_events_url":"https://api.github.com/users/startswithaj/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/Cannot%20Reproduce","name":"Cannot Reproduce","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-07-09T04:06:21Z","updated_at":"2015-07-09T04:35:39Z","closed_at":null,"body":"https://github.com/Semantic-Org/Semantic-UI/blob/a16c1402c8cf11b5e5dda74bd56b18a4c9f927d9/src/definitions/collections/grid.less#L212\r\n\r\n**Steps to Reproduce**\r\nCreate a ui grid with out row and a single column with ten.wide\r\n.ui.grid\r\n  .row\r\n    .ten.wide.column\r\n\r\n**Expected**\r\nThe column should assume full width as its on only child\r\n\r\n**Result**\r\n```\r\n.ui.grid > .row > [class*=\"ten wide\"].column, .ui.grid > .column.row > [class*=\"ten wide\"].column, .ui.grid > [class*=\"ten wide\"].column, .ui.column.grid > [class*=\"ten wide\"].column {\r\n  width: 62.5% !important;\r\n}\r\n.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {\r\n  width: 100%; //This gets over ruled\r\n}\r\n```\r\n\r\nRepro here\r\nhttp://jsfiddle.net/vjevbw9n/1/"},"comment":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/comments/119815134","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/2559#issuecomment-119815134","issue_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2559","id":119815134,"user":{"login":"startswithaj","id":3658522,"avatar_url":"https://avatars.githubusercontent.com/u/3658522?v=3","gravatar_id":"","url":"https://api.github.com/users/startswithaj","html_url":"https://github.com/startswithaj","followers_url":"https://api.github.com/users/startswithaj/followers","following_url":"https://api.github.com/users/startswithaj/following{/other_user}","gists_url":"https://api.github.com/users/startswithaj/gists{/gist_id}","starred_url":"https://api.github.com/users/startswithaj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/startswithaj/subscriptions","organizations_url":"https://api.github.com/users/startswithaj/orgs","repos_url":"https://api.github.com/users/startswithaj/repos","events_url":"https://api.github.com/users/startswithaj/events{/privacy}","received_events_url":"https://api.github.com/users/startswithaj/received_events","type":"User","site_admin":false},"created_at":"2015-07-09T04:35:39Z","updated_at":"2015-07-09T04:35:39Z","body":"Ahh apologies you're right. \r\n\r\nI am using it with row equal height and in version 1 that would apply the below css to the column which would make it fill the full 16 columns even if it was declared ten wide.\r\n\r\nIn version 2 row.equal.height applies flex to the row not the column. So this no longer happens. Should have investigated it more thoroughly. \r\n\r\n```\r\nui.grid>[class*=\"equal height\"].row>.column, .ui[class*=\"equal height\"].grid>.column, .ui[class*=\"equal height\"].grid>.row>.column {\r\n  display: block;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -webkit-flex-direction: column;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex-grow: 1;\r\n  -ms-flex-positive: 1;\r\n  flex-grow: 1;\r\n}\r\n```\r\n"}}