{"action":"opened","issue":{"url":"https://api.github.com/repos/cytoscape/cytoscape.js-qtip/issues/16","repository_url":"https://api.github.com/repos/cytoscape/cytoscape.js-qtip","labels_url":"https://api.github.com/repos/cytoscape/cytoscape.js-qtip/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/cytoscape/cytoscape.js-qtip/issues/16/comments","events_url":"https://api.github.com/repos/cytoscape/cytoscape.js-qtip/issues/16/events","html_url":"https://github.com/cytoscape/cytoscape.js-qtip/issues/16","id":158665185,"number":16,"title":"qTip is rendered for all parent elements when a child node is clicked.","user":{"login":"istemi-bahceci","id":8645080,"avatar_url":"https://avatars.githubusercontent.com/u/8645080?v=3","gravatar_id":"","url":"https://api.github.com/users/istemi-bahceci","html_url":"https://github.com/istemi-bahceci","followers_url":"https://api.github.com/users/istemi-bahceci/followers","following_url":"https://api.github.com/users/istemi-bahceci/following{/other_user}","gists_url":"https://api.github.com/users/istemi-bahceci/gists{/gist_id}","starred_url":"https://api.github.com/users/istemi-bahceci/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/istemi-bahceci/subscriptions","organizations_url":"https://api.github.com/users/istemi-bahceci/orgs","repos_url":"https://api.github.com/users/istemi-bahceci/repos","events_url":"https://api.github.com/users/istemi-bahceci/events{/privacy}","received_events_url":"https://api.github.com/users/istemi-bahceci/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-06-06T12:25:03Z","updated_at":"2016-06-06T12:25:03Z","closed_at":null,"body":"Hi, \r\n\r\n  When a child node is clicked which is inside a compound node, qTip pops up for the parents of this clicked node too. You can try qtip demo  of cytoscape-js with the following javascript code to reproduce the issue.\r\n\r\nThanks,\r\n\r\n```\r\n$(function(){ // on dom ready\r\n\r\nvar cy = cytoscape({\r\n  \r\n  container: document.getElementById('cy'),\r\n  \r\n  boxSelectionEnabled: false,\r\n  autounselectify: true,\r\n  \r\n  elements: {\r\n    nodes: [\r\n      { data: { id: 'n', parent: 'k', label: 'Tap me' } },\r\n      { data: { id: 'k', label: 'Tap me' } }\r\n\r\n    ]\r\n  },\r\n  \r\n  layout: {\r\n    name: 'grid',\r\n    padding: 100\r\n  },\r\n  \r\n  ready: function(){\r\n    window.cy = this;\r\n  },\r\n  \r\n  style: 'node { content: data(label); }'\r\n});\r\n\r\n// you can use qtip's regular options\r\n// see http://qtip2.com/\r\ncy.nodes().qtip({\r\n  content: 'Hello!',\r\n  position: {\r\n    my: 'top center',\r\n    at: 'bottom center'\r\n  },\r\n  style: {\r\n    classes: 'qtip-bootstrap',\r\n    tip: {\r\n      width: 16,\r\n      height: 8\r\n    }\r\n  }\r\n});\r\n  \r\n}); // on dom ready\r\n```"}}
{"actor":{"display_login":"istemi-bahceci"}}