Tooltip keeps shaking when hover over and cannot be positioned to right

[liutongchen]

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Tooltip should be positioned to the right side of the drawer button instead of overlapping the button.

Steps to Reproduce (for bugs)

<Tooltip
  id={`tooltip-${category.key}`}
  title={category.title}
  placement="right-end"
>
  <div className={classes.drawerClosedBorder}>
    <Button
      id={category.key}
      className={classes.closedDrawerButton}
      component={Link}
      onClick={() => this.onClickSelectedItem(category.value)}
    >
      <img src={Icon} alt={category.alt} className={classes.drawerIcon} />
    </Button>
  </div>
</Tooltip>

Your Environment

Tech	Version
Material-UI	^1.0.0-beta.45
React	^15.6.1
browser	Chrome Version 66.0.3359.139

[oliviertassinari]

I'm closing as a duplicate of #10735

[meera1002]

Add pointer-events: none;