Tooltip crops if renders in `Overflow: hidden` element

Hi. This is too big problem if you render tooltip inside an element which has prop - overflow: hidden.

[nmartinezb3]

This can be fixed this by placing an empty div in your body and using portals:

const tooltipContainer = document.getElementById("tooltip-container")

<div>
  <a data-tip data-for="my-tooltip">
    <Icon />
  </a>
  {ReactDOM.createPortal(
    <ReactTooltip
      id="my-tooltip"
      {...props}
    >
      Some tooltip content
    </ReactTooltip>,
    tooltipContainer
  )}
</div>

[Tarpsvo]

That’s what overflow: hidden does. Either make the overflow visible or put the tooltip in a parent view. Or place it at the end of the body element using Portals.