Expected behavior:The MDBDropdownToggle in the MDBDropdown component should have an option to hide the arrow icon. And the MDBDropdownItem components to retain their styles and functionality without href tag.

Actual behavior:The drop-down class in the button tag is adding an arrow we do not want to show, and the MDBDropdownItem components lose their styling once the href is no longer in parameter. It would also be nice if we had the option to not use a button; specifically in our case, we just want to show the icon when using the "MDBDropdownToggle".

Resources (screenshots, code snippets etc.):

We don't want the arrow thereWith the href="" tagWithout the href="" tag

   <MDBDropdown dropstart v-model="actionDropdown">
      <MDBDropdownToggle  @click="actionDropdown = !actionDropdown">
        <MDBIcon icon="ellipsis-h" size="2x" />
      </MDBDropdownToggle >
      <MDBDropdownMenu aria-labelledby="dropdownMenuButton">
        <MDBDropdownItem @click="goTo('forums/' + fuuid + '/topics/edit/' + tuuid)">Editer la question</MDBDropdownItem >
        <MDBDropdownItem @click="modalOKCancel = true">Supprimer la question</MDBDropdownItem >
      </MDBDropdownMenu>
    </MDBDropdown>

Link to the documentation for the VueJS dropdown

We want a simple solution that does not involve modifying the DOM directly using "document.getElementById" or "document.getElementsByClass".

Thank you for hearing us out, and hope that we can find a viable solution to our problem.