{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation/issues/6519","labels_url":"https://api.github.com/repos/zurb/foundation/issues/6519/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation/issues/6519/comments","events_url":"https://api.github.com/repos/zurb/foundation/issues/6519/events","html_url":"https://github.com/zurb/foundation/issues/6519","id":72682832,"number":6519,"title":"New box-sizing rules break grid inside offcanvas menu content","user":{"login":"xa0c","id":1735660,"avatar_url":"https://avatars.githubusercontent.com/u/1735660?v=3","gravatar_id":"","url":"https://api.github.com/users/xa0c","html_url":"https://github.com/xa0c","followers_url":"https://api.github.com/users/xa0c/followers","following_url":"https://api.github.com/users/xa0c/following{/other_user}","gists_url":"https://api.github.com/users/xa0c/gists{/gist_id}","starred_url":"https://api.github.com/users/xa0c/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/xa0c/subscriptions","organizations_url":"https://api.github.com/users/xa0c/orgs","repos_url":"https://api.github.com/users/xa0c/repos","events_url":"https://api.github.com/users/xa0c/events{/privacy}","received_events_url":"https://api.github.com/users/xa0c/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-02T18:56:00Z","updated_at":"2015-05-06T00:32:44Z","closed_at":null,"body":"I've mentioned that after new 5.5.2 release we have a bit new rules for box-sizing inheritance.\r\nCommit: dd66a01bf2e37e713c545e468acdac3f8e5e6c87\r\nGood change, but... as @gakimball had already mentioned it in #5819, this could cause wrong behavior for some elements that use another box-sizing type.\r\nThis is what happened to offcanvas menu content. Is it supposed that offcanvas should be now used for simple menus only? Because grids and full-width buttons have wrong sizes now.\r\nI've checked sources, and it seems, that F5 uses different box-sizing for `off-canvas-menu` and `off-canvas-submenu` mixins only."},"comment":{"url":"https://api.github.com/repos/zurb/foundation/issues/comments/99272741","html_url":"https://github.com/zurb/foundation/issues/6519#issuecomment-99272741","issue_url":"https://api.github.com/repos/zurb/foundation/issues/6519","id":99272741,"user":{"login":"gakimball","id":1142001,"avatar_url":"https://avatars.githubusercontent.com/u/1142001?v=3","gravatar_id":"","url":"https://api.github.com/users/gakimball","html_url":"https://github.com/gakimball","followers_url":"https://api.github.com/users/gakimball/followers","following_url":"https://api.github.com/users/gakimball/following{/other_user}","gists_url":"https://api.github.com/users/gakimball/gists{/gist_id}","starred_url":"https://api.github.com/users/gakimball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gakimball/subscriptions","organizations_url":"https://api.github.com/users/gakimball/orgs","repos_url":"https://api.github.com/users/gakimball/repos","events_url":"https://api.github.com/users/gakimball/events{/privacy}","received_events_url":"https://api.github.com/users/gakimball/received_events","type":"User","site_admin":false},"created_at":"2015-05-06T00:32:44Z","updated_at":"2015-05-06T00:32:44Z","body":"We're getting a lot of comments about this, so we're going to revert it. In the mean time, you can use this as a workaround:\r\n\r\n```css\r\n*, *:before, *:after {\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n```\r\n\r\n`*` has no specificity, so you should be able to drop this anywhere in your code."}}