{"action":"created","issue":{"url":"https://api.github.com/repos/wwayne/react-tooltip/issues/188","repository_url":"https://api.github.com/repos/wwayne/react-tooltip","labels_url":"https://api.github.com/repos/wwayne/react-tooltip/issues/188/labels{/name}","comments_url":"https://api.github.com/repos/wwayne/react-tooltip/issues/188/comments","events_url":"https://api.github.com/repos/wwayne/react-tooltip/issues/188/events","html_url":"https://github.com/wwayne/react-tooltip/issues/188","id":176108338,"number":188,"title":"Implementation for displaying error validations","user":{"login":"RanjithNair","id":2184139,"avatar_url":"https://avatars.githubusercontent.com/u/2184139?v=3","gravatar_id":"","url":"https://api.github.com/users/RanjithNair","html_url":"https://github.com/RanjithNair","followers_url":"https://api.github.com/users/RanjithNair/followers","following_url":"https://api.github.com/users/RanjithNair/following{/other_user}","gists_url":"https://api.github.com/users/RanjithNair/gists{/gist_id}","starred_url":"https://api.github.com/users/RanjithNair/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/RanjithNair/subscriptions","organizations_url":"https://api.github.com/users/RanjithNair/orgs","repos_url":"https://api.github.com/users/RanjithNair/repos","events_url":"https://api.github.com/users/RanjithNair/events{/privacy}","received_events_url":"https://api.github.com/users/RanjithNair/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-09-09T20:55:38Z","updated_at":"2016-09-14T13:51:35Z","closed_at":null,"body":"I am trying to use this to display error validations on my screen. So, if there are any errors, i want to show it and not hide it unless i explicitly call hide(). Also, i dont want the option to show the tooltip on hover, after hiding it explicitly. So, for this i am using the disable attribute conditionally. \r\n\r\nI am facing some issues in implementing the above things :-\r\n\r\n- If we use the show method, would it continue to show the tooltip unless hover/click is performed?\r\n`ReactTooltip.show(findDOMNode(this.refs.summary));`\r\nWhat i could see is that, it shows the tooltip but on hover it goes away. I tried using the \"eventOff\" props by setting it to click, but it still gets hidden on hover. \r\n\r\n- I dont want to show the tooltip on hover, instead always control the visibility via show() and hide() only. I am not able to do this. I also tried to use \"disable\" attribute conditionally, but this just works for the first instance. So, if data is valid i am disabling the tooltip in the below fashion.\r\n \r\n But what i see happening is that, if i keep my mouse pointer static without moving and then fixing the data validation to make disabled attribute as true, it gets disabled properly. But if the tooltip is enabled, and i move around my mouse pointer outside of the tooltip area, the tooltip doesnt get disabled even after the disabled attribute is set to true. \r\n`<ReactTooltip\r\n           id='summaryErrorToolTip'\r\n           type='error'\r\n           disable={data.isValid}>\r\n                 <span>Invalid Data</span>\r\n   </ReactTooltip>`\r\n\r\nTL;DR: I need to control tooltips entirely via hide() and show() and disable the feature of hiding tooltips on hover/click. "},"comment":{"url":"https://api.github.com/repos/wwayne/react-tooltip/issues/comments/247019222","html_url":"https://github.com/wwayne/react-tooltip/issues/188#issuecomment-247019222","issue_url":"https://api.github.com/repos/wwayne/react-tooltip/issues/188","id":247019222,"user":{"login":"wwayne","id":5305874,"avatar_url":"https://avatars.githubusercontent.com/u/5305874?v=3","gravatar_id":"","url":"https://api.github.com/users/wwayne","html_url":"https://github.com/wwayne","followers_url":"https://api.github.com/users/wwayne/followers","following_url":"https://api.github.com/users/wwayne/following{/other_user}","gists_url":"https://api.github.com/users/wwayne/gists{/gist_id}","starred_url":"https://api.github.com/users/wwayne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wwayne/subscriptions","organizations_url":"https://api.github.com/users/wwayne/orgs","repos_url":"https://api.github.com/users/wwayne/repos","events_url":"https://api.github.com/users/wwayne/events{/privacy}","received_events_url":"https://api.github.com/users/wwayne/received_events","type":"User","site_admin":false},"created_at":"2016-09-14T13:51:35Z","updated_at":"2016-09-14T13:51:35Z","body":"@RanjithNair I was thinking it would be useful if ReactTooltip.hide is able to hide a specific tooltip, so in latest `3.1.8`, it start to support `ReactTooltip.hide(findDOMNode(this.refs.foo))`.\r\n\r\nAnd now you can use `scrollHide=false` and `resizeHide=false` to prevent hiding tooltip from scrolling or resizing the window. You can check more detail in README."}}
{"actor":{"display_login":"wwayne"}}