Hi support
I think I've found a bug in kendo ui 2026.3.811 DropDownButton. Whenever you call setOptions on an existing button (created with with showArrowButton = true), another arrow button is added. You can easily reproduce the issue with your jquery DropDownButton Appearance demo. First set 'Show Arrow Button' to true. Then change any other option.
Kind regards
Iggy
Hi Iggy,
Thank you for reporting this issue. We have reproduced and recognized the problem with the DropDownButton when showArrowButton is enabled and setOptions() is called.
Until the fix is available, you can use the following workaround after calling setOptions():
<script>
const dropDownButton = $("#default").data("kendoDropDownButton");
dropDownButton.setOptions({
fillMode: "flat"
});
dropDownButton.element
.find(".k-button-arrow")
.slice(1)
.remove();
</script>As shown in the following dojo: https://dojo.telerik.com/nlXrNZMK/9. This removes any duplicate arrow buttons while preserving the original one.
As a small note of gratitude for reporting this, I've updated your Telerik points.
Regards,
Rumen
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.