Как сделать чтобы Tooltip в select option вмещался?

Question

[Snape11]

Мой код

<mat-form-field>
      <mat-select  (selectionChange)="onChangeHotel($event)" placeholder="Hotel" [(value)]="selectedHotel"  [ngbTooltip]="htmlContent" placement="right">
        <mat-option *ngFor="let hotel of hotels" 
        class="btn btn-secondary" [value]="hotel.id" (mouseenter) ="mouseEnter(hotel.id)" 
        [ngbTooltip]="htmlContent" placement="top">
          {{hotel.name}}
        </mat-option>
      </mat-select>
    </mat-form-field
<ng-template #htmlContent>
  <p>W</p>
  <p>o</p>
  <p>r</p>
  <p>k</p>

Answer 1

[Максим Тимофеев]

Tooltip в select option не умещается?

это очевидно глядя на скриншот. Есть другие вопросы? Что бы их сократить, скажу сразу, что тултип черный, текст белый.

Comments

[Snape11]

Как сделать чтобы Tooltip в select option вмещался?

[Максим Тимофеев]

Snape11, Воссоздайте в песочнице без шаблонизатора. Догадываться какой у Вас там html, css и js нет желания. Да и вряд ли это возможно без магического шара.

[Дмитрий Лузанов]

Я бы поспорил. Кажется у тултипа есть прозрачность, значит он не черный, а что-то около rgba(0, 0, 0, .9).

[Максим Тимофеев]

Дмитрий Лузанов, Это в корне меняет дело