Glitch with bootstrap子菜单

Question

我使用bootstrap 3，bootstrap table和bootstrap submenu

我有一个引导表。最重要的是，我有一个带子菜单的按钮。 在按钮中，我有一些小故障。

奇怪的是，鼠标只能用于Annuler，Payer，Comptant和Rembourser。 还有一条线在Payer下开始。

试图调试它，但找到了解决方案。

我在这里有一个例子 https://jsfiddle.net/y0pqux38/

<div id="toolbar" class="btn-group">
    <button class="btn btn-primary" type="button">Actions</button>
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" data-submenu="" aria-expanded="false">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu dropdown-menu-right">
        <li><a id="cancelPaymentAction" tabindex="0">Annuler</a></li>
        <li class="divider"></li>
        <li><a tabindex="0">Payer</a></li>
        <li class="pull-right"><a data-payment-mode="CASH" tabindex="0">Comptant</a></li>
        <li class="pull-right"><a data-payment-mode="DEBIT" tabindex="0">Débit</a></li>
        <li id="creditCardPaymentAction" class="pull-right"><a data-payment-mode="CREDITCARD" tabindex="0">Carte de crédit</a></li>
        <li class="pull-right"><a data-payment-mode="GIFTCARD" tabindex="0">Carte cadeaux</a></li>
        <li class="pull-right"><a data-payment-mode="CHECK" tabindex="0">Chèque</a></li>
        <li class="divider"></li>
        <li id="refundPaymentAction"><a tabindex="0">Rembourser</a></li>
    </ul>
</div>