Проблема с размещением всплывающей подсказки Bootstrap 5, когда страница имеет прокрутку ⇐ CSS

[Anonymous]

У меня возникла проблема с всплывающими подсказками в начальной загрузке, когда принудительно устанавливается верх. На данный момент я использую последнюю версию: 5.1.3
Я пытался создать обрезанный код, но проблема не воспроизводится на codepen, поэтому я вставлю сюда код с видео. образец.

Код: Выделить всё

function initTooltips() {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
tooltipTriggerList.forEach(function(tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
}

initTooltips();

Код: Выделить всё

.section {
padding-top: 500px;
}

Код: Выделить всё

Tooltip on top

Когда я прокручиваю страницу немного вниз, чтобы увидеть кнопку, и наведите ее наведя на него курсор мыши, вверху появится подсказка с промежутком, равным положению прокрутки.
[img]https://i. sstatic.net/Gcqa5.gif[/img]

Я пытался поиграться с параметрами всплывающей подсказки, такими как «граница» и «контейнер», но это не очень помогает.
У вас есть идеи, как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/719 ... s-a-scroll