{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation/issues/4119","labels_url":"https://api.github.com/repos/zurb/foundation/issues/4119/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation/issues/4119/comments","events_url":"https://api.github.com/repos/zurb/foundation/issues/4119/events","html_url":"https://github.com/zurb/foundation/issues/4119","id":25371021,"number":4119,"title":"Lightbox should close when mask is clicked","user":{"login":"dpmccabe","id":527578,"avatar_url":"https://avatars.githubusercontent.com/u/527578?v=3","gravatar_id":"","url":"https://api.github.com/users/dpmccabe","html_url":"https://github.com/dpmccabe","followers_url":"https://api.github.com/users/dpmccabe/followers","following_url":"https://api.github.com/users/dpmccabe/following{/other_user}","gists_url":"https://api.github.com/users/dpmccabe/gists{/gist_id}","starred_url":"https://api.github.com/users/dpmccabe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dpmccabe/subscriptions","organizations_url":"https://api.github.com/users/dpmccabe/orgs","repos_url":"https://api.github.com/users/dpmccabe/repos","events_url":"https://api.github.com/users/dpmccabe/events{/privacy}","received_events_url":"https://api.github.com/users/dpmccabe/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation/labels/clearing","name":"clearing","color":"f7c6c7"}],"state":"closed","locked":false,"assignee":{"login":"arthurzurb","id":1015416,"avatar_url":"https://avatars.githubusercontent.com/u/1015416?v=3","gravatar_id":"","url":"https://api.github.com/users/arthurzurb","html_url":"https://github.com/arthurzurb","followers_url":"https://api.github.com/users/arthurzurb/followers","following_url":"https://api.github.com/users/arthurzurb/following{/other_user}","gists_url":"https://api.github.com/users/arthurzurb/gists{/gist_id}","starred_url":"https://api.github.com/users/arthurzurb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/arthurzurb/subscriptions","organizations_url":"https://api.github.com/users/arthurzurb/orgs","repos_url":"https://api.github.com/users/arthurzurb/repos","events_url":"https://api.github.com/users/arthurzurb/events{/privacy}","received_events_url":"https://api.github.com/users/arthurzurb/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/zurb/foundation/milestones/9","html_url":"https://github.com/zurb/foundation/milestones/5.3","labels_url":"https://api.github.com/repos/zurb/foundation/milestones/9/labels","id":579016,"number":9,"title":"5.3","description":"","creator":{"login":"thedeerchild","id":1609616,"avatar_url":"https://avatars.githubusercontent.com/u/1609616?v=3","gravatar_id":"","url":"https://api.github.com/users/thedeerchild","html_url":"https://github.com/thedeerchild","followers_url":"https://api.github.com/users/thedeerchild/followers","following_url":"https://api.github.com/users/thedeerchild/following{/other_user}","gists_url":"https://api.github.com/users/thedeerchild/gists{/gist_id}","starred_url":"https://api.github.com/users/thedeerchild/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thedeerchild/subscriptions","organizations_url":"https://api.github.com/users/thedeerchild/orgs","repos_url":"https://api.github.com/users/thedeerchild/repos","events_url":"https://api.github.com/users/thedeerchild/events{/privacy}","received_events_url":"https://api.github.com/users/thedeerchild/received_events","type":"User","site_admin":false},"open_issues":0,"closed_issues":194,"state":"closed","created_at":"2014-02-24T18:33:27Z","updated_at":"2015-02-11T22:58:19Z","due_on":"2014-06-17T07:00:00Z","closed_at":"2014-06-18T22:55:29Z"},"comments":19,"created_at":"2014-01-10T02:11:27Z","updated_at":"2015-03-17T15:59:29Z","closed_at":"2014-06-09T21:09:02Z","body":"When a lightbox is activated, the only place you can click to close it is the \"x\" in the corner. This is pretty bad UX since nearly every lightbox tool out there lets you click on the mask/darkened area to close it. Users expect that clicking on an empty area will close it.\r\n\r\nWhat's the proper way to add `.visible-img` (the mask's `<div>`) as a CSS class that closes the lightbox? The [docs](http://foundation.zurb.com/docs/components/clearing.html) say you should use `{ close_selectors : '.clearing-close' }`. What is one to do with that Javascript snippet?\r\n\r\nI tried this in the HTML:\r\n```html\r\n<ul class=\"clearing-thumbs screenshots\" data-clearing data-options=\"{close_selectors : '.clearing-close, .visible-img'}\">\r\n```\r\n\r\nAnd this in the JS:\r\n\r\n```javascript\r\n$(document).foundation({ clearing : { settings : { close_selectors : '.clearing-close, .visible-img' } } });\r\n$(document).foundation({ clearing : { close_selectors : '.clearing-close, .visible-img' } });\r\n$(document).foundation({ close_selectors : '.clearing-close, .visible-img' });\r\n```\r\n\r\nNone of these attempts worked. The only way I got it to work was by editing `close_selectors` in the Foundation Javascript file."},"comment":{"url":"https://api.github.com/repos/zurb/foundation/issues/comments/82433954","html_url":"https://github.com/zurb/foundation/issues/4119#issuecomment-82433954","issue_url":"https://api.github.com/repos/zurb/foundation/issues/4119","id":82433954,"user":{"login":"Zaitsenig","id":10453596,"avatar_url":"https://avatars.githubusercontent.com/u/10453596?v=3","gravatar_id":"","url":"https://api.github.com/users/Zaitsenig","html_url":"https://github.com/Zaitsenig","followers_url":"https://api.github.com/users/Zaitsenig/followers","following_url":"https://api.github.com/users/Zaitsenig/following{/other_user}","gists_url":"https://api.github.com/users/Zaitsenig/gists{/gist_id}","starred_url":"https://api.github.com/users/Zaitsenig/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Zaitsenig/subscriptions","organizations_url":"https://api.github.com/users/Zaitsenig/orgs","repos_url":"https://api.github.com/users/Zaitsenig/repos","events_url":"https://api.github.com/users/Zaitsenig/events{/privacy}","received_events_url":"https://api.github.com/users/Zaitsenig/received_events","type":"User","site_admin":false},"created_at":"2015-03-17T15:59:29Z","updated_at":"2015-03-17T15:59:29Z","body":"@vanilla-thunder wowwowwow someone is deeply hurt here, hahahahaha.\r\nI WANT TO SEE YOUR SOLUTION NOW! with out glitches Mr Nobody\r\n"}}