plugin.js issue
<li class="nav-item w-md-200px me-0 d-flex">
<a class="nav-link" data-bs-toggle="tab" href="#kt_vtab_pane_{{ $tab['id'] }}" >
{{ $tab['tab_name'] }}
<button aria-expanded="false" aria-haspopup="true" class="btn btn-sm btn-icon btn-light btn-active-light-primary" data-bs-toggle="dropdown" data-tab-id="{{ $tab['id'] }}" type="button">
<ion-icon name="settings"></ion-icon>
</button>
<div class="dropdown">
<div class="dropdown-menu">
<a class="dropdown-item" data-bs-target="#kt_modal_add_folder" data-bs-toggle="modal" data-kt-action="update_row" href="#">Rename</a>
<a class="dropdown-item text-danger" data-kt-action="delete_row" data-kt-folder-id="{{ $folder->id }}" href="#">Delete</a>
</div>
</div>
</a>
this is my code in that i have an issue i have added nav tab and in that i put a dropdown now when i m clicking on the button it will give error of plugin.js like this
Uncaught TypeError: Cannot read properties of null (reading 'classList')
at fe._isShown (plugins.bundle.js:12549:24386)
at fe.toggle (plugins.bundle.js:12549:22504)
at HTMLButtonElement.<anonymous> (plugins.bundle.js:12549:27012)
at HTMLDocument.s (plugins.bundle.js:12549:4565)
Replies (1)
Hi,
Please try removing the above block of HTML code and check if the issue persists. Additionally, ensure that the HTML code structure is properly closed, with elements like
Ensure that there are no syntax errors or missing closing tags in the surrounding HTML structure. If the issue persists, please provide more information about the context and any additional JavaScript or CSS that might be affecting this code.
