Custom tool tip in ag-grid angular is partially visible

Question

I am trying to implement custom tool tip in ag-grid, but the tooltip is partially visible.

For reference, i have source code present in Plunker. There are two ag-arid instances as an example. If you mouse over on first ag-grid on first column of last row, tooltip is partially visible.

is there a way to show full content of tooltip.

link to the code: 'http://plnkr.co/edit/QBfY00iJ8sxkZqym'

Updated Pic

Answer 1

You need to set a height on the :host selector in your custom tooltip component. E.g. set it to 300px, then the tooltip should display above your mouse pointer when on the last row, allowing it be completely visible.

Demo.