{"action":"created","issue":{"url":"https://api.github.com/repos/almende/vis/issues/1154","labels_url":"https://api.github.com/repos/almende/vis/issues/1154/labels{/name}","comments_url":"https://api.github.com/repos/almende/vis/issues/1154/comments","events_url":"https://api.github.com/repos/almende/vis/issues/1154/events","html_url":"https://github.com/almende/vis/issues/1154","id":98758325,"number":1154,"title":"Network: When using image, highlight & hover should still work, but doesn't","user":{"login":"dragonzone","id":10065158,"avatar_url":"https://avatars.githubusercontent.com/u/10065158?v=3","gravatar_id":"","url":"https://api.github.com/users/dragonzone","html_url":"https://github.com/dragonzone","followers_url":"https://api.github.com/users/dragonzone/followers","following_url":"https://api.github.com/users/dragonzone/following{/other_user}","gists_url":"https://api.github.com/users/dragonzone/gists{/gist_id}","starred_url":"https://api.github.com/users/dragonzone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dragonzone/subscriptions","organizations_url":"https://api.github.com/users/dragonzone/orgs","repos_url":"https://api.github.com/users/dragonzone/repos","events_url":"https://api.github.com/users/dragonzone/events{/privacy}","received_events_url":"https://api.github.com/users/dragonzone/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/almende/vis/labels/Network","name":"Network","color":"009800"},{"url":"https://api.github.com/repos/almende/vis/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":10,"created_at":"2015-08-03T14:37:50Z","updated_at":"2015-08-03T16:35:33Z","closed_at":null,"body":"Based on the example, http://visjs.org/examples/network/nodeStyles/colors.html, I tweaked nodes, id:7, to be point to an image and highlight and hover does not work anymore.\r\n\r\nHere is the tweaked code, (sorry, jsbin not rendering properly on my network):\r\n\r\n```\r\n<!doctype html>\r\n<html>\r\n<head>\r\n  <title>Network | Basic usage</title>\r\n\r\n  <script type=\"text/javascript\" src=\"https://raw.githubusercontent.com/almende/vis/master/dist/vis.js\"></script>\r\n  <link href=\"https://raw.githubusercontent.com/almende/vis/master/dist/vis.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n\r\n  <style type=\"text/css\">\r\n    #mynetwork {\r\n      width: 600px;\r\n      height: 400px;\r\n      border: 1px solid lightgray;\r\n    }\r\n\r\n    p {\r\n      max-width:700px;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n\r\n<p>\r\n  Nodes can be all kinds of colors. This example shows all possible ways of defining colors. If you supply an object, the undefined fields will assume the default colors.\r\n  When supplying a hex or rgb format color, it will be parsed and variations will be created for highlight and hover. Edges with inheritColor take the border colors.\r\n</p>\r\n\r\n<div id=\"mynetwork\"></div>\r\n\r\n<script type=\"text/javascript\">\r\n  // create an array with nodes\r\n  var nodes = new vis.DataSet([\r\n    {id: 1, label:'html color', color: 'lime'},\r\n    {id: 2, label:'rgb color', color: 'rgb(255,168,7)'},\r\n    {id: 3, label:'hex color', color: '#7BE141'},\r\n    {id: 4, label:'rgba color', color: 'rgba(97,195,238,0.5)'},\r\n    {id: 5, label:'colorObject', color: {background:'pink', border:'purple'}},\r\n    {id: 6, label:'colorObject + highlight', color: {background:'#F03967', border:'#713E7F',highlight:{background:'red',border:'black'}}},\r\n    {id: 7, label:'colorObject + highlight + hover', color: {background:'cyan', border:'blue',highlight:{background:'red',border:'blue'},hover:{background:'white',border:'red'}}, \"shape\": \"image\", \"image\": \"http://www.fancyicons.com/free-icons/142/games/png/64/tree_64.png\"}\r\n  ])\r\n\r\n  // create an array with edges\r\n  var edges = new vis.DataSet([\r\n    {from: 1, to: 3},\r\n    {from: 1, to: 2},\r\n    {from: 2, to: 4},\r\n    {from: 2, to: 5},\r\n    {from: 2, to: 6},\r\n    {from: 4, to: 7},\r\n  ]);\r\n\r\n  // create a network\r\n  var container = document.getElementById('mynetwork');\r\n  var data = {\r\n    nodes: nodes,\r\n    edges: edges\r\n  };\r\n  var options = {\r\n    nodes: {borderWidth: 2},\r\n    interaction: {hover: true}\r\n  }\r\n  var network = new vis.Network(container, data, options);\r\n</script>\r\n\r\n<script src=\"../../googleAnalytics.js\"></script>\r\n</body>\r\n</html>\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/almende/vis/issues/comments/127317801","html_url":"https://github.com/almende/vis/issues/1154#issuecomment-127317801","issue_url":"https://api.github.com/repos/almende/vis/issues/1154","id":127317801,"user":{"login":"dragonzone","id":10065158,"avatar_url":"https://avatars.githubusercontent.com/u/10065158?v=3","gravatar_id":"","url":"https://api.github.com/users/dragonzone","html_url":"https://github.com/dragonzone","followers_url":"https://api.github.com/users/dragonzone/followers","following_url":"https://api.github.com/users/dragonzone/following{/other_user}","gists_url":"https://api.github.com/users/dragonzone/gists{/gist_id}","starred_url":"https://api.github.com/users/dragonzone/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dragonzone/subscriptions","organizations_url":"https://api.github.com/users/dragonzone/orgs","repos_url":"https://api.github.com/users/dragonzone/repos","events_url":"https://api.github.com/users/dragonzone/events{/privacy}","received_events_url":"https://api.github.com/users/dragonzone/received_events","type":"User","site_admin":false},"created_at":"2015-08-03T16:35:33Z","updated_at":"2015-08-03T16:35:33Z","body":"So with the current implementation you have, it is not consider a bug when shape is set to \"image\" and not border will be outlined but an enhancement?"}}