{"action":"created","issue":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/356","repository_url":"https://api.github.com/repos/troolee/gridstack.js","labels_url":"https://api.github.com/repos/troolee/gridstack.js/issues/356/labels{/name}","comments_url":"https://api.github.com/repos/troolee/gridstack.js/issues/356/comments","events_url":"https://api.github.com/repos/troolee/gridstack.js/issues/356/events","html_url":"https://github.com/troolee/gridstack.js/issues/356","id":135808681,"number":356,"title":"Links inside gridstack item not registering \"focus\" event on left click","user":{"login":"jjim50","id":12182759,"avatar_url":"https://avatars.githubusercontent.com/u/12182759?v=3","gravatar_id":"","url":"https://api.github.com/users/jjim50","html_url":"https://github.com/jjim50","followers_url":"https://api.github.com/users/jjim50/followers","following_url":"https://api.github.com/users/jjim50/following{/other_user}","gists_url":"https://api.github.com/users/jjim50/gists{/gist_id}","starred_url":"https://api.github.com/users/jjim50/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jjim50/subscriptions","organizations_url":"https://api.github.com/users/jjim50/orgs","repos_url":"https://api.github.com/users/jjim50/repos","events_url":"https://api.github.com/users/jjim50/events{/privacy}","received_events_url":"https://api.github.com/users/jjim50/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/troolee/gridstack.js/labels/status:need%20more%20info","name":"status:need more info","color":"d4c5f9"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-02-23T17:40:40Z","updated_at":"2016-02-24T17:41:54Z","closed_at":null,"body":"I stumbled upon a bug while trying to place a Bootstrap popover inside a gridstack item. It seems that left click \"focus\" events aren't being registered but right clicking raises it normally even though there's `role=\"button\"`.\r\n\r\nA minimal test case is the following:\r\n\r\n`<div class=\"grid-stack-item-content\">\r\n        <a tabindex=\"0\" class=\"btn btn-lg btn-danger\" role=\"button\" data-toggle=\"popover\" data-trigger=\"focus\" title=\"Dismissible popover\" data-content=\"And here's some amazing content. It's very engaging. Right?\">Dismissible popover</a>\r\n    </div>`\r\n\r\n`$('[data-toggle=\"popover\"]').on('focus', function(e) {\r\n        console.log('focused');\r\n      });`\r\n\r\nWhen you left click nothing is logged to the console. Right click and all is good. Removing the element from gridstack html markup fixes the problem."},"comment":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/comments/188372896","html_url":"https://github.com/troolee/gridstack.js/issues/356#issuecomment-188372896","issue_url":"https://api.github.com/repos/troolee/gridstack.js/issues/356","id":188372896,"user":{"login":"radiolips","id":5882571,"avatar_url":"https://avatars.githubusercontent.com/u/5882571?v=3","gravatar_id":"","url":"https://api.github.com/users/radiolips","html_url":"https://github.com/radiolips","followers_url":"https://api.github.com/users/radiolips/followers","following_url":"https://api.github.com/users/radiolips/following{/other_user}","gists_url":"https://api.github.com/users/radiolips/gists{/gist_id}","starred_url":"https://api.github.com/users/radiolips/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/radiolips/subscriptions","organizations_url":"https://api.github.com/users/radiolips/orgs","repos_url":"https://api.github.com/users/radiolips/repos","events_url":"https://api.github.com/users/radiolips/events{/privacy}","received_events_url":"https://api.github.com/users/radiolips/received_events","type":"User","site_admin":false},"created_at":"2016-02-24T17:41:54Z","updated_at":"2016-02-24T17:41:54Z","body":"It appears that jquery-ui is swallowing up the focus. I'm sure this is related to resize and/or drag. However, you may get around this easily. Change `data-trigger=\"focus\"` to `data-trigger=\"focus click\"`. Let me know if that helps."}}