Панель наложения показывает стрелку в неправильном положении (пример) - PullRequest
Новая
       8

Панель наложения показывает стрелку в неправильном положении (пример)

0 голосов
/ 16 апреля 2020

У меня есть p-таблица, и я использую p-overlaypanel для фильтрации. Проблема в том, что на оверлейной панели указана неправильная стрелка. Стрелка появляется справа, и я хочу, чтобы она отображалась слева. См. Изображение

Нажмите, чтобы увидеть изображение

На этом изображении накладная панель должна быть связана со строкой с именем пользователя.

Это мой код HTML из диапазона 

   <span class="filter-button" *ngIf="col.filter">
              <p-button id={{col.field}} styleClass="no-bg-button" icon="fas fa-filter"
                [style]="{'padding':0, 'width': '20px', 'height': '20px'}" (click)="filter($event, col.field)">
              </p-button>
   </span>

А это код наложения: 

 <p-overlayPanel #filterOverlay id="overlay">
  <input [(ngModel)]="filterInput" pInputText type="text"
    (input)="incTable.filter($event.target.value, filterField, 'contains')" placeholder=""/>
 </p-overlayPanel>

А это мой код в javascript : 

filter(event: Event, field: string) {
  event.preventDefault();
  event.stopPropagation();

  this._incTable.reset();
  this.filterField = field;
  this.filterInput = '';
  this.filterOverlay.toggle(event);
}

Когда я нажимаю в пролете, появляется оверлейная панель. Решение установить ширину таблицы или изменить css не работает для меня. Любое решение?

  • Версия Angular: 8.2.14
  • Версия PrimeNG: 8.1.1
...