{"action":"created","issue":{"url":"https://api.github.com/repos/highcharts/highcharts/issues/8293","repository_url":"https://api.github.com/repos/highcharts/highcharts","labels_url":"https://api.github.com/repos/highcharts/highcharts/issues/8293/labels{/name}","comments_url":"https://api.github.com/repos/highcharts/highcharts/issues/8293/comments","events_url":"https://api.github.com/repos/highcharts/highcharts/issues/8293/events","html_url":"https://github.com/highcharts/highcharts/issues/8293","id":321131788,"number":8293,"title":"Tooltip :shape vs followpointer","user":{"login":"nithyavanig","id":35562570,"avatar_url":"https://avatars2.githubusercontent.com/u/35562570?v=4","gravatar_id":"","url":"https://api.github.com/users/nithyavanig","html_url":"https://github.com/nithyavanig","followers_url":"https://api.github.com/users/nithyavanig/followers","following_url":"https://api.github.com/users/nithyavanig/following{/other_user}","gists_url":"https://api.github.com/users/nithyavanig/gists{/gist_id}","starred_url":"https://api.github.com/users/nithyavanig/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nithyavanig/subscriptions","organizations_url":"https://api.github.com/users/nithyavanig/orgs","repos_url":"https://api.github.com/users/nithyavanig/repos","events_url":"https://api.github.com/users/nithyavanig/events{/privacy}","received_events_url":"https://api.github.com/users/nithyavanig/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-08T10:35:13Z","updated_at":"2018-05-09T07:59:22Z","closed_at":null,"author_association":"NONE","body":"#### Expected behaviour\r\ntooltip:\r\nfollowPointer: true,      \r\n    shape: \"callout\"\r\n\r\nThe tooltip shape should be \"callout\".\r\n#### Actual behaviour\r\nThe tooltip shape is actually \"rectangle\", when the followpointer option is set to true.\r\n\r\n#### Live demo with steps to reproduce\r\nhttp://jsfiddle.net/td7bo0c0/\r\n#### Product version\r\n\r\n#### Affected browser(s)\r\nChrome\r\n"},"comment":{"url":"https://api.github.com/repos/highcharts/highcharts/issues/comments/387655318","html_url":"https://github.com/highcharts/highcharts/issues/8293#issuecomment-387655318","issue_url":"https://api.github.com/repos/highcharts/highcharts/issues/8293","id":387655318,"user":{"login":"TorsteinHonsi","id":227836,"avatar_url":"https://avatars0.githubusercontent.com/u/227836?v=4","gravatar_id":"","url":"https://api.github.com/users/TorsteinHonsi","html_url":"https://github.com/TorsteinHonsi","followers_url":"https://api.github.com/users/TorsteinHonsi/followers","following_url":"https://api.github.com/users/TorsteinHonsi/following{/other_user}","gists_url":"https://api.github.com/users/TorsteinHonsi/gists{/gist_id}","starred_url":"https://api.github.com/users/TorsteinHonsi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TorsteinHonsi/subscriptions","organizations_url":"https://api.github.com/users/TorsteinHonsi/orgs","repos_url":"https://api.github.com/users/TorsteinHonsi/repos","events_url":"https://api.github.com/users/TorsteinHonsi/events{/privacy}","received_events_url":"https://api.github.com/users/TorsteinHonsi/received_events","type":"User","site_admin":false},"created_at":"2018-05-09T07:59:22Z","updated_at":"2018-05-09T07:59:22Z","author_association":"COLLABORATOR","body":"It is because the tooltip doesn't have an anchor point when `followByPointer`, because the callout would point to the mouse cursor rather than the element itself.  The relevant code is here:\r\n\r\nhttps://github.com/highcharts/highcharts/blob/88c0013b0d8a1447fe477af151e64002f59f0ecf/js/parts/Tooltip.js#L216\r\n\r\nYou could override this by temporarily setting `this.followPointer` to false:\r\n```js\r\nHighcharts.wrap(Highcharts.Tooltip.prototype, 'move', function (proceed) {\r\n\tvar followPointer = this.followPointer;\r\n    this.followPointer = false;\r\n    proceed.apply(this, Array.prototype.slice.call(arguments, 1));\r\n\tthis.followPointer = followPointer;\r\n});\r\n```\r\n[View it live on jsFiddle](http://jsfiddle.net/td7bo0c0/1/).\r\n\r\nAs you can see, in some cases the tooltip pointer is not on the same element as the cursor.\r\n\r\n"}}
{"actor":{"display_login":"TorsteinHonsi"}}