Bootstrap modal uses push state, even though I don't use it in Nuxt 3

[adeiming]

I have the following dependencies:

"dependencies": {
    "bootstrap": "^5.3.3",
    "consola": "^3.2.3",
    "jquery": "^3.7.1",
    "nuxt": "^3.14.1592",
    "vue": "latest",
    "vue-router": "latest"
  }

Initially I wanted to implement push state in the modal so that when the back button is used, it will close the modal. but when I implemented it I had to press the back button 2 times to be able to close the modal. is the bootstrap modal like that or is there something else that affects it?

[adeiming]

I've also been tracking push state changes using middleware and it actually happens when the modal is opened.

[adeiming]

Oh God, sorry my bad.

it turns out the problem is here:

<div class="dropdown">
      <i data-bs-toggle="dropdown" aria-expanded="false"></i>
      <ul class="dropdown-menu">
             <li><NuxtLink :to="`/edit/${item.id}`" class="dropdown-item">Edit</NuxtLink></li>
             <li><a class="dropdown-item" @click="confirmModal(item.id)" href="#">Delete</a></li> // href has hashtag (:sad)
      </ul>
</div>

Now everything is safe and running normally.