react-tooltip
react-tooltip copied to clipboard
React 18: Tooltips still not hiding
With npm's latest version of react-tooltip (version 4.2.21) tooltips still don't hide.
As a quick fix you can do this until the package is updated:
const [tooltip, showTooltip] = useState(true);
<>
{tooltip && <ReactTooltip effect="solid" />}
<p
data-tip="hello world"
onMouseEnter={() => showTooltip(true)}
onMouseLeave={() => {
showTooltip(false);
setTimeout(() => showTooltip(true), 50);
}}
/>
</>
Thank you very much for the quick fix! Hoping for a package-update, though, since there are hundreds of tooltips in my project.
Is there a PR that fixes this issue? Can this quick fix be turned into a PR?
Correct me if I'm wrong, but commit 064249c solved the React 18 problem, didn't it? It's just not part of the npm-package 4.2.21. The quick fix of svmszcck is really just a quick fix. Not very quick in my case, though.
The last tag (and therefore npm release) was almost a year ago... @aronhelser do you have the permissions to push tags and make a new npm release?
Seconded on an NPM-update, there's been a lot of bug-fixes over the past year that should be deployed for them to have any value.
npm was supposed to be automated, and I no longer remember how to do it. If I get a chance I'll look into it...
Any luck with the NPM update?
This seems to be an issue with the new Strict mode of React. I was having the same issue even in production but it worked fine after I removed Strict Mode from my app. As a temporary solution until new update rolls out for the package on NPM
@aronhelser Another month has passed, no update on NPM. Is there really nobody who can update the NPM-package based on the fixed issues of the past 12 months? The project is stone-dead, isn't it?
Neither of the maintainers are currently working with React. I've been working exclusively in C++ for the past year. I would be happy to give maintainer access to someone willing to work on the project.
@aronhelser I'd be happy to try and help as an active maintainer (with the spare time I can find for it). Been using this library for quite some time.
@wwayne if we'd like to add @alexgurr as a maintainer, I think you would need to do it. WDYT?
@wwayne kind reminder
@wwayne gentle nudge
npm was supposed to be automated, and I no longer remember how to do it. If I get a chance I'll look into it...
@aronhelser yarn run semantic-release --publish --ci false ?
Hello everybody! What is known about the update?
@roggervalf is this something you could do?
Do we have any solution for that? I am experiencing the same issue in production.
@sundarrajendran temporarily, until issue is resolved here, you can replace it with a fork of mine https://www.npmjs.com/package/react-tooltip-rc
@pdeszynski I would like to point to your package as a maintained version of this package in the readme - is this OK with you? Are you able to help with maintaining the project? I am probably going to mark this project as archived/inactive.
@alexgurr I know you were interested in possibly being maintainer. Maybe you can coordinate with @pdeszynski ?
@pdeszynski I would like to point to your package as a maintained version of this package in the readme - is this OK with you? Are you able to help with maintaining the project? I am probably going to mark this project as archived/inactive.
@aronhelser I don't mind, though if you would like to point to a GH repository - then i would suggest to use https://github.com/react-tooltip/react-tooltip so that does not change anymore no matter who the maintainer will be.
hey @pdeszynski i'm trying to install your library but it's not working. i'm installing it correctly but in node_modules/react-tooltip-rc/dist there's a tar.gz file instead of index.js. i'm currently using normal react-tooltip, but i'm having the problem when the tooltip is not closing on mouse leave, so i'm hoping your fork fixes this.
@elionntechguy sorry for that 😞 I was playing with github actions to setup builds and I didn't think anyone really uses it yet. Released fixed version with files inside and from now on I promise it will be stable
@pdeszynski thanks, but i'm still having the problem of the tooltip not closing when you go off it with clickable=true property. Would you be able to help me?
@elionntechguy sorry for that 😞 I was playing with github actions to setup builds and I didn't think anyone really uses it yet. Released fixed version with files inside and from now on I promise it will be stable
![]()
@pdeszynski thanks, but i'm still having the problem of the tooltip not closing when you go off it with clickable=true property. Would you be able to help me?
pinging again @pdeszynski
Is the issue fixed now...part of npm-package 4.2.21?
@pdeszynski thanks, but i'm still having the problem of the tooltip not closing when you go off it with clickable=true property. Would you be able to help me?
Please open an issue, though I was not able to reproduce that problem https://pdeszynski.github.io/react-tooltip/?path=/story/example-advanced-features--all-props&args=effect:solid;clickable:true
Yep, still having the issue, setting "strict mode" to false on Next.js seems to do the trick, but is a bit awkward!
Hope it gets fixed soon, anyway, thanks for the work!