Bootstrap下拉菜单具有截止的列表项

Question

我目前有一个下拉菜单，展开菜单时，按钮宽度处的列表项会被截断：有没有简单的方法来解决此问题？

<div class="buttonsize">
    <div class="dropup dropuppos">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Add to Giftlist<span class="caret"></span></button>
            <ul class="dropdown-menu" class="buttonpos">
                    {% for EventGiftList in user_giftlists %}
                        <li>
                            <form method="post" action="{% url 'accountsapp:add_giftlist_item' %}">
                                {% csrf_token %}
                                <input id="title" type="hidden" name="title" value="{{ ListedItem.item_title }}">
                                <input id="largeImage" type="hidden" name="largeImage" value="{{ ListedItem.item_image_URL }}">
                                <input id="salePrice" type="hidden" name="salePrice" value="{{ ListedItem.item_price }}">
                                <input id="giftlist_id" type="hidden" name="giftlist_id" value="{{ EventGiftList.id }}">
                                <input id="upc" type="hidden" name="upc" value="{{ ListedItem.item_UPC }}">
                                <input id="vendor" type="hidden" name="vendor" value="{{ ListedItem.item_Vendor }}">
                                <input type="submit" value="{{ EventGiftList.event_giftlist_title }}">
                            </form>
                        </li>
                    {% endfor %}

            </ul>
    </div>
</div>