Angular 9+ и ng- bootstrap Подсказка не работает на фиксированных элементах при прокрутке страницы. Есть ли лучший способ исправить, чем мой? - PullRequest
0 голосов
/ 01 августа 2020

Я считаю, что это ошибка в ng- bootstrap, и сообщалось , и, к сожалению, информации о предстоящем исправлении нет.

I Я добавлю сюда компонент html, но моя демонстрация проблемы более полезна.

<p>Hover over box 1 for a tooltip and then scroll</p>
<div *ngFor="let item of [].constructor(lineCount); let i = index">{{i}}</div>
<ul 
    class="lhsMenuWrapper show">
    <li
        class='lhsMenuWrapper-item common buttonTop'
        ngbTooltip="Box 1"
        placement="right">
        <h1>1</h1>
    </li>
</ul>
<div 
  class='common buttonTwo'
  ngbTooltip="Box 2"
  placement="right">
  <h1>2</h1>
</div>

Ошибка всплывающей подсказки для position:fixed элементов

enter image description here

My hack overrides the tooltip's position attribute with fixed, then makes sure its top and left is positioned correctly and the width:100% makes sure the tip is displayed without an early newline (could be improved).

I'm not a fan of this as I don't know the knock on effects, has anyone else come up with a better fix?

.show {
    position: fixed!important;
    top: 0px;
    left: 0px;
    width: 100%;
}

Взломать демо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...