Completed
Last Updated: 01 Mar 2023 13:34 by ADMIN
Release R2.2023-Increment.1(15.Mar.2023)

Bug report

Reproduction of the problem

Compare the renderings of the two ContextMenus below:

<div id="example1">Right click (Kendo UI ContextMenu)</div>
<br />
<br />
<div id="example2">Right click (MVC ContextMenu)</div>

<ul id="contextmenu1">
</ul>
<script>
    $("#contextmenu1").kendoContextMenu({
        target: "#example1",
        dataSource:
            [{
                text: "Item1",
            },
            {
                text: "Item2",
            }
        ]
    });
</script>


@(Html.Kendo().ContextMenu()
    .Name("contextmenu2")
    .Target("#example2")
    .Items(items =>
    {
        items.Add().Text("Item1");
        items.Add().Text("Item2");
    })
)

Current behavior

The item of the Kendo UI ContextMenu is rendered:

<li class="k-item k-menu-item k-first" role="menuitem" data-uid="d578b533-6933-416f-9624-96819ee95c45" aria-expanded="false">
    <span class="k-link k-menu-link">
       <span class="k-menu-link-text">Item1</span>
    </span>
</li>

The item of the MVC ContextMenu is rendered:

<li class="k-item k-state-default k-menu-item k-first" role="menuitem" aria-expanded="false" id="contextmenu2_mn_active">
     <span class="k-link k-menu-link">Item1</span>
</li>

The additional span with class k-menu-link-text is missing in the MVC component.

Expected/desired behavior

Identical rendering

Environment

  • Kendo UI version: 2023.1.117
  • jQuery version: x.y
  • Browser: [all]