Unplanned
Last Updated: 28 Sep 2026 10:45 by ADMIN
Iggy
Created on: 28 Sep 2026 09:28
Category: DropDownButton
Type: Bug Report
0
Bug on a Kendo UI DropDownButton with showArrowButton enabled

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

1 comment
ADMIN
Rumen
Posted on: 28 Sep 2026 10:45

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.