Tooltip should be rendered in the document body instead of just outside of div

Currently, the tooltip is get rendered in this way

```

```
But in this case, if there is some other div are present before after then some portion of the tooltip cuts off.

In order to fix this, I think you need to render you tooltip every time just before the document body gets the end.

```

```

For your reference: http://jamesknelson.com/rendering-react-components-to-the-document-body/

Start by tracing the tooltip component's current rendering path and compare its DOM output with the examples in the issue. Read the linked React document-body rendering article for context. Done means the tooltip is rendered at the end of the document body so surrounding divs no longer clip it; no test file is named, so verify the resulting markup against the reported case.

Written by the indexing model from the issue text.