I want to call bootstrap modal in dropdown. but the modal is not working. It works fine except for the drop-down menu.

<ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation" data-icon-style="lines">
  <li class="nav-item">
    <a href="#"><i class="menu-livicon" data-icon="plus"></i><span class="menu-title" data-i18n="">Talep Oluştur</span></a>
    <ul class="">
      <li class="nav-item"><a href="#" data-toggle="modal" data-target="#PermissionAddModal"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="nav.sk_starter_kit.1_column">İzin Talebiiiii</span></a></li>
    </ul>
  </li>
</ul>