React-tooltip: Stateless tooltips

Created on 27 Feb 2017 · 7Comments · Source: wwayne/react-tooltip

Hi @wwayne! I've been running into some issues when I have multiple tooltips on a page, or when tooltips need to show up conditionally.

I was wondering if you've thoughts around maybe releasing a stateless tooltip that has open/close prop which determines when the tooltip is open or not?

This way, the user can control the opening and closing and the library can provide them with some useful defaults. This might also simplify the props that you have today, and allow for more complex use-cases like #144 .

Thoughts?

Thank you!

Source

oyeanuj

👍6

All 7 comments

@wwayne @huumanoid Following up to see if you guys had any thoughts on this one as well?

oyeanuj on 18 Apr 2017

Same issue here.
I'm debugging right now my application, since I did not realise that we need a for every tooltip. With a long list (~500) there are big performance issue

danieleleoni on 9 May 2017

👍1

Agreed that this would be a great feature.

@oyeanuj Have you managed to figure out a workaround?

AlexNisnevich on 16 May 2017

@AlexNisnevich I ended up moving to https://github.com/littlebits/react-popover until this issue is resolved, as had made the fine-grained control of the tooltip much harder.

oyeanuj on 17 May 2017

Running into the same problem; have to use something else :(

I feel like being controllable is a pretty essential feature for any react component

noobG on 19 Jun 2017

👍1

I had an issue where I wanted to close one tooltip when another one was open instead of overlapping. I ended up writing a function to set state in my component and wrote a conditional in the "data-tip" property where when I wanted it "off", I set the data-tip to an empty string. Works for now but would also like to see open/close props.