search

yuche / vue-strap

Bootstrap components built with Vue.js
http://yuche.github.io/vue-strap/
MIT License
4.71k stars 935 forks source link

Segmented dropdown #462

Open kdabrowski opened 7 years ago

kdabrowski commented 7 years ago

When you put the dropdown in the slot="right" the dropdown is displaying the wrong class of the the second part of the segmented dropdown.

The code in the nav-bar's right slot :

<li class="user-menu dropdown" data-v-2cde9ca7="">
  <button data-v-2cde9ca7="" type="button" class="btn btn-default">
   <a data-v-2cde9ca7="" href=""></a>
   </button> 
   <a role="button" class="dropdown-toggle"> 
    <span class="caret"></span></a> 
</li>

Please look below for the bootstrap example in the documentation for the segmented dropdown button. 

<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
</div>

I guess that the part with the caret should be in the button tag and not in the anchor tag. Could you please investigate ?