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. Eg set it to 300px , then the tooltip should display above your mouse pointer when on the last row, allowing it be completely visible.

Demo .