{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/7455","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7455/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7455/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7455/events","html_url":"https://github.com/zurb/foundation-sites/issues/7455","id":121083035,"number":7455,"title":"[Off-canvas] reveal-for-x double up on browser resize","user":{"login":"EHackettTriCore","id":16137890,"avatar_url":"https://avatars.githubusercontent.com/u/16137890?v=3","gravatar_id":"","url":"https://api.github.com/users/EHackettTriCore","html_url":"https://github.com/EHackettTriCore","followers_url":"https://api.github.com/users/EHackettTriCore/followers","following_url":"https://api.github.com/users/EHackettTriCore/following{/other_user}","gists_url":"https://api.github.com/users/EHackettTriCore/gists{/gist_id}","starred_url":"https://api.github.com/users/EHackettTriCore/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EHackettTriCore/subscriptions","organizations_url":"https://api.github.com/users/EHackettTriCore/orgs","repos_url":"https://api.github.com/users/EHackettTriCore/repos","events_url":"https://api.github.com/users/EHackettTriCore/events{/privacy}","received_events_url":"https://api.github.com/users/EHackettTriCore/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/bug","name":"bug","color":"e11d21"},{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/javascript","name":"javascript","color":"f0db4f"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-12-08T19:41:32Z","updated_at":"2015-12-09T17:49:02Z","closed_at":null,"body":"**How can we reproduce this bug?**\r\n\r\n1. Create an \"off-canvas position-left reveal-for-medium\" and add a toggle button for small-only to open it.\r\n2. Scale browser down to small\r\n3. Tap button to open off canvas\r\n4. Scale window back up to medium or large and now you have a margin on the left and no off canvas panel.\r\n\r\n**What did you expect to happen?**\r\n I expect when going from small to medium the offCanvas margin on the left would automatically close since it's empty.\r\n\r\n**What happened instead?**\r\nWhen I scale the browser window back up the off canvas margin on the left is still visible instead of being removed.\r\n\r\n**Test case**\r\nAdding demo gif\r\n![offcanvas](https://cloud.githubusercontent.com/assets/16137890/11666253/96408178-9db9-11e5-8030-fe3f14db46b0.gif)\r\n\r\nHTML Code:\r\n\r\n```\r\n<div class=\"title-bar\">\r\n  <div class=\"title-bar-left\">\r\n    <button class=\"menu-icon show-for-small-only\" type=\"button\" data-open=\"offCanvas\"></button>\r\n    <span class=\"title-bar-title\">Foundation</span>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"off-canvas-wrapper\">\r\n  <div class=\"off-canvas-wrapper-inner\" data-off-canvas-wrapper>\r\n    <div class=\"off-canvas position-left reveal-for-medium\" id=\"offCanvas\" data-off-canvas>\r\n      left\r\n    </div>\r\n    <div class=\"off-canvas-content\" data-off-canvas-content>\r\n      content\r\n    </div>\r\n  </div>\r\n</div>\r\n```"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/163337594","html_url":"https://github.com/zurb/foundation-sites/issues/7455#issuecomment-163337594","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7455","id":163337594,"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-12-09T17:49:01Z","updated_at":"2015-12-09T17:49:01Z","body":"I think the problem stems from the off-canvas staying open when a larger breakpoint is reached. If possible, we need to detect when that threshold is crossed and then automatically close the menu. @zurbchris thoughts?"}}