Tooltip around disabled Button leads to split inside of ButtonGroup

[saerdnaer]

Version

3.2.0

Environment

Mac OS 10.12.6, Safari 10.1.2

Reproduction link

https://codepen.io/anon/pen/MQbybP?editors=0010

Steps to reproduce

Create a ButtonGroup with three buttons, add Tooltip around first one. Disable first button.

    <ButtonGroup>
      <Tooltip title="This text explains what this button does">
        <Button disabled size="small">
          <Icon type="arrow-up" />
        </Button>
      </Tooltip>

      <Button size="small">
        <Icon type="copy" />
      </Button>

      <Button size="small" type="primary">
          <Icon type="edit" />
      </Button>
    </ButtonGroup>

What is expected?

ButtonGroup is visually not split.

What is actually happening?

ButtonGroup gets visually split and button gets rounded on the right.

[dengfuping]

@saerdnaer Your tooltip is so long and there is no enough space on the left. It's designed for avoid that tooltip is out of the browser window. Just make tooltip shorter or leave enough space for tooltip.

[saerdnaer]

The problem I tried to highlight is not the text inside the tooltip but the extra pixels between the buttons:

[afc163]

@saerdnaer I just fixed this problem in 70f3afe

[saerdnaer]

Ah, looks like I got confused by the other comment, too – sorry for the noice.

[tangjinzhou]

Still have similar problems.
https://codesandbox.io/s/61lqr2m4mr