如果滚动父级，则工具提示文本不可见

Question

我必须在鼠标悬停在滚动内的图像上显示工具提示，因为如果更改宽度隐藏其他座位图像，则内容不可见，应该怎么实现

  <div class="plane-body" class="plane-seat valid-seat tooltip" >
  <div class="plane-seat invalid-seat available tooltip" *ngIf="!seat.validSeat">
       <span class="showpaxname invalid-seat-tooltip">{{
          'seatmap.unavailableSeatError.blockedSeat' | translate}}</span>
</div>

   .plane-body {
     margin: 3em;
     padding: 2em;
     overflow-y: auto;
      height: 70vh;
     overflow-x: hidden;
      min-height: 500px;
    }
  .tooltip .showpaxname::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: wheat transparent transparent transparent;
}

.tooltip:hover .showpaxname {
  visibility: visible;
}

Answer 1

尝试改用左侧工具提示。

.tooltip .tooltiptext {
  top: -5px;
  left: 105%; 
}