PrimeNG：從下拉列表中選擇選項時工具提示會凍結

Question

PrimeNG工具提示會凍結，並且在從PrimeNG下拉列表中選擇選項時不會自動隱藏。在懸停和點擊時，除了選擇選項時，工具提示工作正常。

模板代碼如下：

<div class="col-lg-3 col-md-6 col-sm-5 col-xs-12"> <div class="form-group"> <label for="equipmentFeature" class="col-lg-4 col-md-3 col-sm-3 col-xs-12 control-label">Equipment Feature</label> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-9"> <p-dropdown [style]="{'width':'100%'}" filter="true" filterPlaceholder="Search" placeholder="--Select--" [options]="equipmentFeatures" name="equipmentFeature" pTooltip="Select Equipment Feature" tooltipPosition="right"> </p-dropdown> </div> </div> </div>

Answer 1

通過從DOM移除工具提示元件上選擇的選項改變解決它。

新增的onChange事件在HTML模板：

 <div class="col-lg-3 col-md-6 col-sm-5 col-xs-12"> 
     <div class="form-group"> 
      <label for="equipmentFeature" class="col-lg-4 col-md-3 col-sm-3 col-xs-12 control-label">Equipment Feature</label> 
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-9"> 
       <p-dropdown [style]="{'width':'100%'}" filter="true" filterPlaceholder="Search" placeholder="--Select--" [options]="equipmentFeatures" 
        [(ngModel)]="currentRateData.equipmentFeature" name="equipmentFeature" pTooltip="Select Equipment Feature" 
        tooltipPosition="right" (onChange)="onFeatureChange()"> 
       </p-dropdown> 
      </div> 
     </div> 
    </div> 

添加的事件處理程序的onChange事件在角分量級：

onFeatureChange() 
{ 
    //it's just a hack for tooltip frozen on dropdown option selected issue. 
    let elem = <HTMLElement>document.querySelector('.ui-widget.ui-tooltip.ui-tooltip-right'); 
    elem.remove(); 
}