Bootstrap 4 - Tooltip and Popover Alignment issues with Perfect Scrollbar

Question

I have Deactivated browser scrollbar and using perfect scrollbar instead inside a content div

So what's the issue?

The issue is triggered with alignment of tooltip and popover.

Please download the code from github repo

So what to do after downloading the code form github repo.

Click the tooltip or popover button and try to scroll the content window the popver/tooltip will stick to the window instead of scroll top or scroll bottom with button element.

$('.bs-tooltip').tooltip();

$('.bs-popover').popover();


const ps = new PerfectScrollbar('.scroll', {
    wheelSpeed:.5,
    swipeEasing:!0,
    minScrollbarLength:40,
    maxScrollbarLength:300
});