Bootstrap: выпадающие элементы переключения, не функционирующие в Safari

Question

У меня есть приложение с угловым 2, которое использует bootstrap 3.3.7 и jquery 1.12.4. Код выглядит следующим образом:

<div class="btn-group"> 
 

 
       <button type="button" class="btn dropdown-toggle" 
 
         title="More actions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" 
 
         > 
 
        <span class="sr-only">More actions</span> 
 
        <i class="fa fa-ellipsis-v fa-lg" ></i> 
 
       </button> 
 

 
       <ul class="dropdown-menu dropdown-menu-right menu" role="menu"> 
 
        <li> 
 
         <button *ngIf="itemViewModel.IsCopy !== true" type="button" class="btn dropdown-button" (click)="Copy($event)" title="Copy" 
 
           > 
 
          <i class="fa fa-files-o" (click)="Copy($event)"></i> 
 
          Copy 
 
         </button> 
 
        </li> 
 
        <li> 
 
         <button type="button" class="btn dropdown-button" (click)="Move($event)" title="Move"> 
 
          <i class="fa fa-arrows" (click)="Move($event)"></i> 
 
          Move 
 
         </button> 
 
        </li> 
 
        <li> 
 
         <button *ngIf="itemViewModel.IsShare !== true" type="button" class="btn dropdown-button" (click)="Share($event)" title="Share"> 
 
          <i class="fa fa-share " (click)="Share($event)"></i> 
 
          Share 
 
         </button> 
 
        </li> 
 
        <li> 
 
         <button type="button" class="btn dropdown-button" (click)="removeItem($event)" title="Delete"> 
 
          <i class="fa fa-trash" (click)="removeItem($event)"></i> 
 
          Delete 
 
         </button> 
 
        </li> 
 
       </ul> 
 
      </div>

выпадающее меню отображается нормально. Но нажатие на отдельные кнопки в списке не вызывает связанный обработчик событий. Эта проблема возникает в браузере Safari в iOS и Chrome на Android. Тем не менее, он отлично работает на Edge и Chrome на ноутбуке/рабочем столе.

Я пробовал различные решения для более ранних версий Bootstrap на stackoverflow и github, но они не работают.

Как я могу заставить это работать?

Answer 1

Я решил эту проблему, используя выпадающий список NG2-загрузчике ->https://github.com/valor-software/ng2-bootstrap