You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+20-24
Original file line number
Diff line number
Diff line change
@@ -15,26 +15,6 @@
15
15
16
16
Or see it on [Github Page](https://wwayne.github.io/react-tooltip).
17
17
18
-
## INACTIVE PROJECT
19
-
20
-
The future of this project will be discussed here: https://github.com/wwayne/react-tooltip/issues/794
21
-
22
-
We hope to identify a fork of this project which will be actively maintained and can accept PRs and publish regularly to NPM.
23
-
24
-
One current fork and npm package is at https://www.npmjs.com/package/react-tooltip-rc, but the publisher has not yet committed to further maintenance.
25
-
26
-
## Maintainers
27
-
28
-
[alexgurr](https://github.com/alexgurr) Casual maintainer - accepting PRs and doing minor testing/development.
29
-
30
-
[aronhelser](https://github.com/aronhelser) Passive maintainer - accepting PRs and doing minor testing, but not fixing issues or doing active development.
31
-
32
-
[roggervalf](https://github.com/roggervalf) inactive maintainer - no longer seems to be doing development.
We would gladly accept a new maintainer to help out!
37
-
38
18
## Installation
39
19
40
20
```sh
@@ -119,8 +99,10 @@ Notes:
119
99
The `html` option allows a tooltip to directly display raw HTML. This is a security risk if any of that content is supplied by the user. Any user-supplied content must be sanitized, using a package like [sanitize-html](https://www.npmjs.com/package/sanitize-html). We chose not to include sanitization after discovering it [increased our package size](https://github.com/wwayne/react-tooltip/issues/429) too much - we don't want to penalize people who don't use the `html` option.
120
100
121
101
#### JSX Note
102
+
122
103
You can use React's [`renderToStaticMarkup`-function](https://reactjs.org/docs/react-dom-server.html#rendertostaticmarkup) to use JSX instead of HTML. You still need to set `data-html={true}`.
123
104
**Example:**
105
+
124
106
```jsx
125
107
importReactDOMServerfrom'react-dom/server';
126
108
[...]
@@ -196,22 +178,22 @@ Same for empty children, if you don't want show the tooltip when the children is
196
178
197
179
### 3. Tooltip not binding to dynamic content
198
180
199
-
When you render `<ReactTooltip>` ahead of dynamic content, and are using `data-for={id}` attributes
200
-
on new dynamic content, the tooltip will not register its event listener.
181
+
When you render `<ReactTooltip>` ahead of dynamic content, and are using `data-for={id}` attributes
182
+
on new dynamic content, the tooltip will not register its event listener.
201
183
202
184
For example, you render a generic tooltip in the root of your app, then load a list of content async.
203
185
Elements in the list use the `data-for={id}` attribute to bind the tooltip on hover.
204
186
Since the tooltip has already scanned for data-tip these new elements will not trigger.
205
187
206
-
One workaround for this is to trigger `ReactTooltip.rebuild()` after the data load to scan for the attribute again,
188
+
One workaround for this is to trigger `ReactTooltip.rebuild()` after the data load to scan for the attribute again,
207
189
to allow event wireup.
208
190
209
191
#### Example
210
192
211
193
```jsx
212
194
<app>
213
195
<ReactTooltip id="foo"/>
214
-
<list/>
196
+
<list/>
215
197
</app>
216
198
```
217
199
@@ -238,6 +220,20 @@ return(
238
220
239
221
[How I insert sass into react component](https://medium.com/@wwayne_me/how-i-insert-sass-into-my-npm-react-component-b46b9811c226#.gi4hxu44a)
240
222
223
+
## Maintainers
224
+
225
+
[danielbarion](https://github.com/danielbarion) Casual maintainer - accepting PRs and doing minor testing/development.
226
+
227
+
[alexgurr](https://github.com/alexgurr) Casual maintainer - accepting PRs and doing minor testing/development.
228
+
229
+
[aronhelser](https://github.com/aronhelser) Passive maintainer - accepting PRs and doing minor testing, but not fixing issues or doing active development.
230
+
231
+
[roggervalf](https://github.com/roggervalf) inactive maintainer - no longer seems to be doing development.
0 commit comments