[Tooltip] Tooltip doesn't hide on disabled buttons

Describe the bug Tool tip label does not hide on a disabled button

Expected Behavior Tooltip should hide when mouse leaves target

To Reproduce

      <Stack isInline spacing={8} shouldWrapChildren>
        <Tooltip
          label="Hey there, i leave!"
          aria-label="Hey there"
          placement="left"
        >
          <Button>Button</Button>
        </Tooltip>
        <Tooltip
          label="I wont leave??"
          aria-label="I wont leave??"
          placement="right"
        >
          <Button isDisabled>Disabled Button</Button>
        </Tooltip>
      </Stack>

Suggested solution(s) I assume something to do with the focus on disabled buttons, though im not really sure how it works.

Desktop (please complete the following information):

• OS: MacOs
• Browser Chrome
• Version 0.6.1

[andreidmt]

There is also a shouldWrapChildren prop on the Tooltip component:

<Tooltip label="ipsum" shouldWrapChildren>
  <Button isDisabled>lorem</Button>
</Tooltip>

[tmikeschu]

@AJFunk good find!

@rossng I’ve just been wrapping Button with a span. Still a bit noisy but less boilerplate.

<Tooltip>
  <span>
    <Button ...>...</Button>
  </span>
</Tooltip>