Skip to content

Releases: mohsinulhaq/react-popper-tooltip

Fix missing hover check in interactive mode

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 28 Jun 08:50

Thanks, @cgsdev0 #156

Fix unintentional dependency change

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 06 Jun 17:01

Thanks @JohnDaly

Add double click trigger, improve styles declaration, ability to change default tooltip text color

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 05 Jun 19:05

Add Shadow DOM support

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 25 May 15:46

As pointed out by #133 (thanks @shovalk), interactions with the tooltip when rendered using Shadow DOM wasn't working properly. This release adds support for that by using Event.composedPath to get event target, with event.target as fallback for IE11.

Revert to mouseenter/mouseleave hover mechanic

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 15 Mar 10:05

v4.1.0 introduced a new way of handling hover trigger, which had a couple of improvements over the old one, but unintentionally led to another set of serious issues.
We have now reverted to the older hover mechanic while also solving the older problems by setting pointer-events: none on the arrow as well as the non-interactive tooltip.

Hover trigger bug fixes introduced in v4.1.0 🐛

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 23 Feb 11:28

Fixes: #117 & #118

An improved and more resilient hover trigger!

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 16 Feb 12:20
babbffc

Thanks to the contribution by @czabaj 👑, the hover trigger is now improved quite a bit, accounting for the gap between the trigger and the tooltip and also fixing a glitch in cases where tooltip and trigger overlap.

usePopperTooltip hook! 🪝

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 26 Jan 17:07

Release notes

With react-popper, used under the hood of react-popper-tooltip, introducing the usePopper hook in the last
major update, we're now releasing the hook version of our own library as well - usePopperTooltip. The hook provides many new features and flexibility
and allows for implementations not possible before.

Breaking changes

This release onwards, the hook is the only way of creating tooltips. This version drops the support of
the TooltipTrigger render prop component. If you want to upgrade and still keep using render prop API,
refer to our example section to implement the legacy API with our new hook.

We wrote this version from scratch. Although thoroughly tested, it can still possibly contain some regressions. Please,
report any problems using the issues link.

  • For the sake of consistency, we made some changes to the props names.

    • defaultTooltipShown is renamed to defaultVisible
    • tooltipShown is renamed to visible
    • onVisibilityChange is renamed to onVisibleChange
    • closeOnReferenceHidden is renamed to closeOnTriggerHidden and the default value changed from true to false
  • The default placement is now bottom instead of right, in line with react-popper defaults.

  • The string value "none" for the prop trigger is replaced with null.

  • The default CSS has a few positioning and naming changes.

  • Previously, when a user hovered the tooltip, it stayed open to allow the user to interact with the tooltip's content.
    Now the tooltip closes as soon as the cursor leaves the trigger element. The new option interactive has been added to
    configure this behavior.

  • getTriggerProps and arrowRef are no longer needed.

Support React and ReactDOM 17 as peer dependency

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 06 Nov 08:18
v3.1.1

upgrade packages, fix warnings

Default tooltip and arrow CSS is back!

Choose a tag to compare

@mohsinulhaq mohsinulhaq released this 12 Jul 15:32

On popular demand, we have added back the default tooltip and arrow CSS to the package, ready for import!