Cannot press a button with tooltip in the table with one element

lryszka

Link to test case:
I have attached an example HTML file.
When a button is havering then the mouse course is changing from point to text and opposite way.
Debugger code (debug.datatables.net):
Error messages shown:
No error message.
Description of problem:
Cannot press a button with tooltip in the table with one element

lryszka

I have added the code in the CodePen: https://codepen.io/lryszka/pen/popxgwL

lryszka

I have found the solution:
$('[data-toggle="tooltip"]').tooltip({
boundary: 'window',
container: 'body'
});

colin

Ah nice, thanks for reporting back.

Colin

allan

Yes, that is the correct solution - thanks for posting it. When scrolling is enabled in a DataTable it has to use overflow: auto for the scrolling container, which means that any element inside it can be clipped if it attempts to show outside the visible boundary. Having the tooltip display positioned on the body fixes that.

Allan