Skip to content

Track window resize to reposition tooltip #1075

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 7 commits into from
Aug 3, 2023
Merged

Track window resize to reposition tooltip #1075

merged 7 commits into from
Aug 3, 2023

Conversation

Tanmayshetty
Copy link

Relevant issue: #1057

@gabrieljablonski
Copy link
Member

gabrieljablonski commented Jul 30, 2023 •
edited
Loading

Thanks for the contribution.

Have you seen the autoUpdate() function? I believe we should use it.

For now, I suggest the options to be set ancestorResize, elementResize, and layoutShift.

Don't forget to call the cleanup function on the useEffect() return.

Tanmayshetty
Tanmayshetty commented Jul 30, 2023
View reviewed changes
@gabrieljablonski
Copy link
Member

I see you're still making some adjustments, but at first glance it looks ok.

Will review sometime this week.

Thanks again for the contribution!

@gabrieljablonski gabrieljablonski changed the title Tooltip is not tracking trigger element when resizing window Track window resize to reposition tooltip Jul 31, 2023
@gabrieljablonski gabrieljablonski linked an issue Jul 31, 2023 that may be closed by this pull request
[BUG] Tooltip is not tracking trigger element when resizing window #1057
Closed
@gabrieljablonski
Copy link
Member

We may need to mock ResizeObserver to get the tests to pass

https://stackoverflow.com/a/67006794

@Tanmayshetty no need to worry about this. I'll get to it when I have the time to fully review this later.

gabrieljablonski
gabrieljablonski approved these changes Aug 2, 2023
View reviewed changes
src/components/Tooltip/Tooltip.tsx
Comment on lines +338 to +348
}, [
show,
activeAnchor,
content,
externalStyles,
place,
offset,
positionStrategy,
position,
float,
])
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Had to update dependencies here and on the main useEffect() further down to get some scenarios to work properly with autoUpdate().

After some testing it doesn't seem like anything broke, but there's a non-zero chance this will cause some random bugs we'll be running into soon.

@gabrieljablonski
Copy link
Member

gabrieljablonski commented Aug 2, 2023 •
edited
Loading

@Tanmayshetty I've made some adjustments, and everything's looking good!

Will wait for @danielbarion's review, then we'll merge and release this soon.

@gabrieljablonski gabrieljablonski merged commit 4286fbf into ReactTooltip:master Aug 3, 2023
github-merge-queue bot pushed a commit to near/nearcore that referenced this pull request Oct 27, 2023
@Ekleog-NEAR
[Snyk] Upgrade react-tooltip from 5.8.3 to 5.21.5 (#10008)
7b9e45b 
<p>This PR was automatically created by Snyk using the credentials of a
real user.</p><br /><h3>Snyk has created this PR to upgrade
react-tooltip from 5.8.3 to 5.21.5.</h3>

:information_source: Keep your dependencies up-to-date. This makes it
easier to fix existing vulnerabilities and to more quickly identify and
fix newly disclosed vulnerabilities when they affect your project.
<hr/>

- The recommended version is **76 versions** ahead of your current
version.
- The recommended version was released **a month ago**, on 2023-09-27.

<details>
<summary><b>Release notes</b></summary>
<br/>
  <details>
    <summary>Package name: <b>react-tooltip</b></summary>
    <ul>
      <li>
<b>5.21.5</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.21.5">2023-09-27</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<hr>
<h2><em>No codebase changes</em></h2>
<h2>What's Changed</h2>
<ul>
<li>Dopt sponsorship by <a class="user-mention notranslate"
data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1916276522"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1097"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1097/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1097">#1097</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.21.4...v5.21.5"><tt>v5.21.4...v5.21.5</tt></a></p>
      </li>
      <li>
<b>5.21.4</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.21.4">2023-09-14</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<hr>
<h2><em>No codebase changes</em></h2>
      </li>
      <li>
<b>5.21.3</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.21.3">2023-09-06</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<hr>
<h2><em>No codebase changes</em></h2>
<h2>What's Changed</h2>
<ul>
<li>docs(readme): move up sponsored section</li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.21.2...v5.21.3"><tt>v5.21.2...v5.21.3</tt></a></p>
      </li>
      <li>
<b>5.21.2</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.21.2">2023-09-06</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<hr>
<h2><em>No codebase changes</em></h2>
<h2>What's Changed</h2>
<ul>
<li>chore: use carbon ads instead of google ads by <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/danielbarion/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/danielbarion">@ danielbarion</a>
in <a class="issue-link js-issue-link" data-error-text="Failed to load
title" data-id="1860019784" data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1084"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1084/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1084">#1084</a></li>
<li>Frigade sponsorship by <a class="user-mention notranslate"
data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1882857024"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1087"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1087/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1087">#1087</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.21.1...v5.21.2"><tt>v5.21.1...v5.21.2</tt></a></p>
      </li>
      <li>
<b>5.21.1</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.21.1">2023-08-15</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li><code>arrowColor</code> prop by <a class="user-mention notranslate"
data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1835626072"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1079"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1079/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1079">#1079</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.20.0...v5.21.1"><tt>v5.20.0...v5.21.1</tt></a></p>
      </li>
      <li>
        <b>5.21.0</b> - 2023-08-15
      </li>
      <li>
<b>5.20.0</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.20.0">2023-08-03</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li>Update troubleshooting docs by <a class="user-mention notranslate"
data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1826424107"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1073"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1073/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1073">#1073</a></li>
<li>Track window resize to reposition tooltip by <a class="user-mention
notranslate" data-hovercard-type="user"
data-hovercard-url="/users/Tanmayshetty/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/Tanmayshetty">@ Tanmayshetty</a>
in <a class="issue-link js-issue-link" data-error-text="Failed to load
title" data-id="1827885109" data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1075"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1075/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1075">#1075</a></li>
<li><code>react-tooltip__show</code> class when tooltip is open by <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1833271213"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1078"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1078/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1078">#1078</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/Tanmayshetty/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/Tanmayshetty">@ Tanmayshetty</a>
made their first contribution in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1827885109"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1075"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1075/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1075">#1075</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.19.0...v5.20.0"><tt>v5.19.0...v5.20.0</tt></a></p>
      </li>
      <li>
<b>5.19.0</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.19.0">2023-07-26</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li>Fix <code>closeOnResize</code> option on docs by <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/hurrmun/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/hurrmun">@ hurrmun</a> in <a
class="issue-link js-issue-link" data-error-text="Failed to load title"
data-id="1798551655" data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1056"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1056/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1056">#1056</a></li>
<li>feat: add event listener to handle style injection by <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/danielbarion/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/danielbarion">@ danielbarion</a>
in <a class="issue-link js-issue-link" data-error-text="Failed to load
title" data-id="1784702535" data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1052"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1052/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1052">#1052</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/hurrmun/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/hurrmun">@ hurrmun</a> made their
first contribution in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1798551655"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1056"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1056/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1056">#1056</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.18.0...v5.19.0"><tt>v5.18.0...v5.19.0</tt></a></p>
      </li>
      <li>
        <b>5.19.0-beta.1052.0</b> - 2023-07-24
      </li>
      <li>
        <b>5.18.1</b> - 2023-07-18
      </li>
      <li>
        <b>5.18.1-beta.1062.0</b> - 2023-07-18
      </li>
      <li>
        <b>5.18.1-beta.0</b> - 2023-07-18
      </li>
      <li>
<b>5.18.0</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.18.0">2023-07-03</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li><code>opacity</code> prop by <a class="user-mention notranslate"
data-hovercard-type="user"
data-hovercard-url="/users/gabrieljablonski/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/gabrieljablonski">@
gabrieljablonski</a> in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1786312791"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1054"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1054/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1054">#1054</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.17.0...v5.18.0"><tt>v5.17.0...v5.18.0</tt></a></p>
      </li>
      <li>
<b>5.17.0</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.17.0">2023-07-03</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li>Add "border" option including arrow by <a class="user-mention
notranslate" data-hovercard-type="user"
data-hovercard-url="/users/MoveRoad/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/MoveRoad">@ MoveRoad</a> in <a
class="issue-link js-issue-link" data-error-text="Failed to load title"
data-id="1773168281" data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1048"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1048/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1048">#1048</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/MoveRoad/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://snyk.io/redirect/github/MoveRoad">@ MoveRoad</a> made
their first contribution in <a class="issue-link js-issue-link"
data-error-text="Failed to load title" data-id="1773168281"
data-permission-text="Title is private"
data-url="ReactTooltip/react-tooltip#1048"
data-hovercard-type="pull_request"
data-hovercard-url="/ReactTooltip/react-tooltip/pull/1048/hovercard"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/pull/1048">#1048</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.16.1...v5.17.0"><tt>v5.16.1...v5.17.0</tt></a></p>
      </li>
      <li>
<b>5.16.1</b> - <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases/tag/v5.16.1">2023-06-27</a></br><p>If
you like the project, please give the project a GitHub 🌟</p>
<h2>What's Changed</h2>
<ul>
<li>fix: <code>process</code> as <code>undefined</code> on ReactTooltip
<code>v5.16.0</code> when running directly on browser breaking the
docs</li>
</ul>
<p><strong>Full Changelog</strong>: <a class="commit-link"
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/v5.16.0...v5.16.1"><tt>v5.16.0...v5.16.1</tt></a></p>
      </li>
      <li>
        <b>5.16.0</b> - 2023-06-27
      </li>
      <li>
        <b>5.16.0-beta.10410.0</b> - 2023-06-24
      </li>
      <li>
        <b>5.16.0-beta.1041.0</b> - 2023-06-24
      </li>
      <li>
        <b>5.15.1</b> - 2023-06-27
      </li>
      <li>
        <b>5.15.0</b> - 2023-06-22
      </li>
      <li>
        <b>5.15.0-beta.1045.1</b> - 2023-06-22
      </li>
      <li>
        <b>5.15.0-beta.1045.0</b> - 2023-06-21
      </li>
      <li>
        <b>5.15.0-beta.1041.0</b> - 2023-06-16
      </li>
      <li>
        <b>5.14.1-beta.1043.0</b> - 2023-06-20
      </li>
      <li>
        <b>5.14.0</b> - 2023-06-14
      </li>
      <li>
        <b>5.13.2</b> - 2023-06-12
      </li>
      <li>
        <b>5.13.1</b> - 2023-05-19
      </li>
      <li>
        <b>5.13.0</b> - 2023-05-16
      </li>
      <li>
        <b>5.12.0</b> - 2023-05-16
      </li>
      <li>
        <b>5.12.0-beta.1014.3</b> - 2023-05-16
      </li>
      <li>
        <b>5.12.0-beta.1014.2</b> - 2023-05-16
      </li>
      <li>
        <b>5.12.0-beta.1014.1</b> - 2023-04-14
      </li>
      <li>
        <b>5.11.2</b> - 2023-05-04
      </li>
      <li>
        <b>5.11.2-beta.1019.0</b> - 2023-05-04
      </li>
      <li>
        <b>5.11.2-beta.0</b> - 2023-04-10
      </li>
      <li>
        <b>5.11.1</b> - 2023-04-10
      </li>
      <li>
        <b>5.11.0</b> - 2023-04-10
      </li>
      <li>
        <b>5.10.6</b> - 2023-04-10
      </li>
      <li>
        <b>5.10.6-beta.1009.1</b> - 2023-04-10
      </li>
      <li>
        <b>5.10.6-beta.1005.2</b> - 2023-04-07
      </li>
      <li>
        <b>5.10.6-beta.1005.1</b> - 2023-04-07
      </li>
      <li>
        <b>5.10.5</b> - 2023-04-03
      </li>
      <li>
        <b>5.10.5-beta.996.1</b> - 2023-04-01
      </li>
      <li>
        <b>5.10.4</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.4-beta.994.1</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.3</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.2-beta.994.1</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.2-beta.4</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.2-beta.3</b> - 2023-03-28
      </li>
      <li>
        <b>5.10.2-beta.2</b> - 2023-03-28
      </li>
      <li>
        <b>5.10.2-beta.1</b> - 2023-03-27
      </li>
      <li>
        <b>5.10.1</b> - 2023-03-23
      </li>
      <li>
        <b>5.10.1-beta-9</b> - 2023-03-14
      </li>
      <li>
        <b>5.10.1-beta-8</b> - 2023-03-13
      </li>
      <li>
        <b>5.10.1-beta-7</b> - 2023-03-12
      </li>
      <li>
        <b>5.10.1-beta-6</b> - 2023-03-12
      </li>
      <li>
        <b>5.10.1-beta-10</b> - 2023-03-22
      </li>
      <li>
        <b>5.10.1-beta.6</b> - 2023-03-29
      </li>
      <li>
        <b>5.10.1-beta.5</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.1-beta.4</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.1-beta.3</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.1-beta.2</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.1-beta.1</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.1-beta.0</b> - 2023-03-10
      </li>
      <li>
        <b>5.10.0</b> - 2023-03-09
      </li>
      <li>
        <b>5.10.0-beta.1</b> - 2023-03-09
      </li>
      <li>
        <b>5.10.0-beta.0</b> - 2023-03-08
      </li>
      <li>
        <b>5.9.1</b> - 2023-03-06
      </li>
      <li>
        <b>5.9.1-beta.2</b> - 2023-03-09
      </li>
      <li>
        <b>5.9.1-beta.1</b> - 2023-03-09
      </li>
      <li>
        <b>5.9.1-beta.0</b> - 2023-03-06
      </li>
      <li>
        <b>5.9.0</b> - 2023-03-05
      </li>
      <li>
        <b>5.8.4-beta.0-esbuild</b> - 2023-03-04
      </li>
      <li>
        <b>5.8.4-beta.2</b> - 2023-03-04
      </li>
      <li>
        <b>5.8.4-beta.1</b> - 2023-03-04
      </li>
      <li>
        <b>5.8.4-beta.0</b> - 2023-03-04
      </li>
      <li>
        <b>5.8.3</b> - 2023-02-23
      </li>
    </ul>
from <a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/releases">react-tooltip
GitHub release notes</a>
  </details>
</details>

<details>
  <summary><b>Commit messages</b></summary>
  </br>
  <details>
    <summary>Package name: <b>react-tooltip</b></summary>
    <ul>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/a64019c043ea5a24b15f67cfbd2fd8411dea9abb">a64019c</a>
v5.21.5</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/524756dec9d026f04dfb94cbddce9fec78bbabf2">524756d</a>
docs: fix references to dopt</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/2aff2b704e92f717b064dcc312617be5c1738228">2aff2b7</a>
docs: ts-ignore logo import</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/c01b475f0f1e83ec51ec0cd3ee63f6b2d77fbbf5">c01b475</a>
docs: docs dopt sponsor</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/a4db9c74e07502278ce5018e8fe5ee1ee2d36691">a4db9c7</a>
docs: readme dopt sponsor</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/33c17c8aaf0944357d15e24318675f399e131679">33c17c8</a>
chore: update github sponsors list</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/baabf8cc34e6fad5675f358cde6c116a7ea17688">baabf8c</a>
chore: fix carbon ads position on hoome page</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/3cb630816ae007362a67537b35ee1ccd4028dfeb">3cb6308</a>
docs: fix sponsored by breaking mobile view on home page and add carbon
ads on home page</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/01d9afba5fd0a2bb58d021495d2ef5709875184f">01d9afb</a>
chore(version): v5.21.3</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/ed19f6e2f77eecfd40bca129db59186061fd3652">ed19f6e</a>
docs(readme): move up sponsored section</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/e59ec52fabef2b11b74e2ac23c65a6623ef0aa30">e59ec52</a>
chore: add event tracking for clicks on sponsored banners</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/b55d99e899bab3cd23fec35544f565a1058e8ba0">b55d99e</a>
chore: publish a new release to update npm readme.md</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/6079e0b8165d91295a9101b3daae3cb37d419f5d">6079e0b</a>
chore: move digital ocean banner into the Powered By section on
readme</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/a5327c22e01cf8f6315a50baf4d8e453b7c0397a">a5327c2</a>
fix: add max-width into Frigade banner</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/cd52f9240e6302b2ed8793007506613fd377a308">cd52f92</a>
Merge pull request #1087 from ReactTooltip/docs/frigade-sponsor</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/cac5110e5e1c577f92de8ec7b6b01d401655ae27">cac5110</a>
refactor: add new components to wrapper the new code of this PR</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/d86555742e0027098b972e18fcc9334203901f0f">d865557</a>
docs: frigade sponsor docs</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/f1d42c2e60e077efca7960c0c9721c8fe953fbc5">f1d42c2</a>
docs: frigade sponsor readme</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/cc91763dd71f42c9bd63e84a5e6342577b8ddcd3">cc91763</a>
ads: remove second ads container that was in testing</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/551cfe47ac25fc83c3a8f3837a0f81aa394bb098">551cfe4</a>
ads: show two ads on a client height higher or equal to 950px</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/162fa67f426e9ac8c3ce4a47189297a2cc80a561">162fa67</a>
Merge pull request #1084 from ReactTooltip/docs/carbon-ads</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/23e4b794683bd04e7dd138f3a9947d955179ef8f">23e4b79</a>
chore: use carbon ads instead of google ads</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/29c4168ba0395a2ba97dd940f8610b166700ca00">29c4168</a>
chore: update version and docs package</li>
<li><a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/commit/e5df64204a104170b599f41814b11ff1c48ec725">e5df642</a>
Merge branch &#x27;master&#x27; of
github.com:ReactTooltip/react-tooltip</li>
    </ul>

<a
href="https://snyk.io/redirect/github/ReactTooltip/react-tooltip/compare/c9cb90793374480707e0609bb852a022c45d34e6...a64019c043ea5a24b15f67cfbd2fd8411dea9abb">Compare</a>
  </details>
</details>
<hr/>

**Note:** *You are seeing this because you or someone else with access
to this repository has authorized Snyk to open upgrade PRs.*

For more information: <img
src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiJlN2NmMjBjZS03NjJmLTRkMzQtOWJlYi0zNzkzMGE4MWViMWUiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6ImU3Y2YyMGNlLTc2MmYtNGQzNC05YmViLTM3OTMwYTgxZWIxZSJ9fQ=="
width="0" height="0"/>

🧐 [View latest project
report](https://app.snyk.io/org/pagoda-pilot/project/12e75fec-70e5-4998-8926-9b5a6351ba5f?utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr)

🛠 [Adjust upgrade PR
settings](https://app.snyk.io/org/pagoda-pilot/project/12e75fec-70e5-4998-8926-9b5a6351ba5f/settings/integration?utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr)

🔕 [Ignore this dependency or unsubscribe from future upgrade
PRs](https://app.snyk.io/org/pagoda-pilot/project/12e75fec-70e5-4998-8926-9b5a6351ba5f/settings/integration?pkg&#x3D;react-tooltip&amp;utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr#auto-dep-upgrades)

<!---
(snyk:metadata:{"prId":"e7cf20ce-762f-4d34-9beb-37930a81eb1e","prPublicId":"e7cf20ce-762f-4d34-9beb-37930a81eb1e","dependencies":[{"name":"react-tooltip","from":"5.8.3","to":"5.21.5"}],"packageManager":"npm","type":"auto","projectUrl":"https://app.snyk.io/org/pagoda-pilot/project/12e75fec-70e5-4998-8926-9b5a6351ba5f?utm_source=github&utm_medium=referral&page=upgrade-pr","projectPublicId":"12e75fec-70e5-4998-8926-9b5a6351ba5f","env":"prod","prType":"upgrade","vulns":[],"issuesToFix":[],"upgrade":[],"upgradeInfo":{"versionsDiff":76,"publishedDate":"2023-09-27T20:46:20.153Z"},"templateVariants":[],"hasFixes":false,"isMajorUpgrade":false,"isBreakingChange":false,"priorityScoreList":[]})
--->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@danielbarion danielbarion danielbarion approved these changes

@gabrieljablonski gabrieljablonski gabrieljablonski approved these changes

Assignees

@Tanmayshetty Tanmayshetty

Labels
Feature
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[BUG] Tooltip is not tracking trigger element when resizing window
3 participants
@Tanmayshetty @gabrieljablonski @danielbarion