Bug report

The AM/PM mask of the DataTimePicker is editable.

The behavior might be related to the introduction of the common DateInput package in the DatePickers.

Reproduction of the problem

1. Run the DateTimePicker Demo
2. Select a date in the DateTimePicker
3. Select and delete the AM mask of the selected value

Current behavior

The AM mask gets deleted and is replaced by the default AM/PM

Expected/desired behavior

The AM mask should be non-editable as it isn't part of the value of the Widget.

Environment

• Kendo UI version: 2023.2.802
• Browser: [all]

### Bug report

When the Dialog is configured with actions and the Content Security Policy is enabled, it throws an "Invalid template" error.

### Reproduction of the problem

1) Configure a Dialog widget with actions and set the CSP with the following content:

<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://kendo.cdn.telerik.com https://code.jquery.com; style-src 'self' 'unsafe-inline' https://kendo.cdn.telerik.com;" />

2) Open the browser console to review the error.

A Dojo sample for reproduction: https://dojo.telerik.com/ULOyazUC

### Expected/desired behavior

The Dialog should be rendered correctly without using the 'unsafe-eval' keyword in the "script-src" directive.

### Workaround

Insert the following script before the Dialog initialization:

 <script>
    kendo.ui.Dialog.fn._mergeTextWithOptions = function(action) { var text = action.text; if(text) { return kendo.isFunction(text) ? text(this.options) : text; } return ""; }
</script>

### Environment

* **Kendo UI version: 2023.2.606
* **jQuery version: 3.4.1
* **Browser: [all]

Bug report

When the Editor is configured by using tagHelpers and the configuration of the tools is on multiple lines additional new lines are added to the Editor content due to the tags used for the tool's configuration.

Reproduction of the problem

1. In UI for ASP.NET Core app use the following Editor configuration:

<button onclick="getValue()">get Value</button>
Test-1:<br /><br /><br /><br />
<kendo-editor name="test1" tag="div" >         
    <tools>
        <tool name="viewHtml" />
    </tools>
</kendo-editor>  

<script>
    function getValue() {
          var editor1 = $("#test1").data("kendoEditor");
          console.log(editor1.value())                   
    };
</script>

2. Enter for example "1"
3. Click the 'get Value' button

Current behavior

The value of the editor has additional new lines. The additional lines could be observed also in the 'viewhtml' tool. (screencast)

Expected/desired behavior

There should be no additional new lines added to the Editor's content.

Workaround

Configure the Editor on a single line

<kendo-editor name="test1" tag="div"><tools><tool name="viewHtml" /></tools></kendo-editor>

Environment

• Kendo UI version: 2021.1.119
• Browser: [all ]

Bug report

When tabbing in a batch editable Grid cells do not enter edit mode.
This is a regression introduced with v 2023.2.606.

Reproduction of the problem

1. Run this dojo
2. Click on a cell in Product Name column - an editor is generated
3. Press the Tab key

Current behavior

The corresponding Unit Price is focused, but an editor is not generated

Expected/desired behavior

The cell should enter edit mode, as with v2023.1.425 - dojo

Environment

• Kendo UI version: 2023.2.606
• Browser: [all]

### Bug report

When the Gantt has a custom editor template, the Update request is not fired. When using the default editor template, the respective task is updated correctly. 

The last version, where this scenario works as expected, is 2023.1.117.

### Reproduction of the problem

1) Define an editable Gantt that binds to remote data.

2) Set up a custom editor by using the editable.template option.

3) Try to edit a Task in the Gantt timeline table. The editable model is marked as "dirty", but the "save" event does not fire and the Update request does not trigger:

However, when using the default Gantt editor, the request triggers as expected. 

A Dojo sample for reproduction: https://dojo.telerik.com/EyumevaD

### Expected/desired behavior

The tasks should be edited correctly when using a custom editor template.

### Environment

* **Kendo UI version: 2023.1.314
* **jQuery version: 3.4.1
* **Browser: [all]

Bug report

Regression introduced with 2023.2.606

The menu dropdown does not respect hoverDelay and it remains open on initial expansion.

Reproduction of the problem

1. Open the following dojo.
2. Move the cursor quickly over a menu item in an upward motion (ex. "Storage")
3. Observe the menu dropdown open (despite not hovering over the menu item for 1000 ms).

Current behavior

If the mouse/cursor doesn't hover over the menu item for the entirety of the hover-delay duration, the menu item opens.

Expected/desired behavior

If the mouse/cursor doesn't hover over the menu item for the entirety of the hover-delay duration, the menu item should not open. This behavior can be exhibited with versions prior to 2023.2.606.

For example:
https://dojo.telerik.com/iyAfaVUR

Environment

• Kendo UI version: 2023.3.1010
• Browser: [all]

Bug report

Menu popup container closes on hover when scrollable is enabled.
This is a regression introduced with v2023.2.606.

Reproduction of the problem

1. Run this dojo
2. Hover a menu item and try to select a subitem
   screencast

Current behavior

Popup container closes on hover and subitems cannot be selected.

Expected/desired behavior

Popup container should not close on hover.

Environment

• Kendo UI version: 2023.2.606
• Browser: [all]

Bug report

RadioGroup is not serialized correctly when declared in the Template component.

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the RadioGroup component declared in the Template for the CustomerRating field is not serialized correctly.

Current behavior

The RadioGroup is not serialized correctly when declared in the Template component.

Expected/desired behavior

The RadioGroup should be serialized correctly when declared in the Template component.

Environment

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

Bug report

Security trimming returns incorrect items when there are two controllers with the same name but located in different areas.

Reproduction of the problem

With the following Menu configuration

@(Html.Kendo().Menu()
    .Name("menu")
    .SecurityTrimming(st=>{
        st.Enabled(true);
    })
    .Items(i=>{
        i.Add().Action("MyAction","Home",new {area = "Area1"}).Text("Accessible Item");
        i.Add().Action("MyAction","Home",new {area = "Area2"}).Text("Authorized Item");
    })
)

and the following area/controller/action structure the MyAction Action in Area2 will not be trimmed.

Areas
|--Area1
|   |--Controllers
|       |--HomeController
|           |--MyAction
|--Area2
    |--Controllers
        |--HomeController
            |--[Authorize]MyAction

Expected/desired behavior

MyAction Action in Area2 should be trimmed.

Environment

• Kendo UI version: 2022.3.913
• Browser: [all]

Bug report

Adding the [Authorize] attribute to a controller does not hide the action methods when SecurityTrimming is enabled.

Reproduction of the problem

1. Create an application with authorization and add an [Authorize] attribute to a controller:

    [Authorize]
    public class HomeController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }

        public IActionResult About()
        {
            return View();
        }

2. Add a Menu

        @(Html.Kendo().Menu()
          .Name("menu")
          .SecurityTrimming(st=>{
              st.Enabled(true);
          })
          .Items(i=>{
              i.Add().Action("Index", "Home").Text("Index");
              i.Add().Action("About", "Home").Text("About");
          })
          )

Current behavior

The Index and About menu items will not be hidden.

Expected/desired behavior

The Index and About menu items should be hidden when the [Authorize] attribute is added to the controller.

Environment

• Kendo UI version: 2023.1.117
• Browser: [all]

### Bug report

Adding the [Authorize(Roles = "Admin, User")] attribute at Controller or Actions within the Controller does not show the Menu items.

### Reproduction of the problem

1. Create an application with authorization and add "Admin" and "User" roles.

2. Add the [Authorize(Roles = "Admin, User")] attribute to a specified Action method within the Controller:

public class HomeController : Controller
{
        public IActionResult Index()
        {
            return View();
        }

        [Authorize(Roles = "Admin, User")]
        public IActionResult Security_Information()
        {
            return View();
        }
}

3. Add a Menu:

    @(Html.Kendo().Menu()
        .Name("htmlhelperMenu")
        .SecurityTrimming(true)
        .Items(menu =>
        {
            menu.Add().Text("Home").Action("Index", "Home");
            menu.Add().Text("Security Information").Action("Security_Information", "Home");
        })
    )

    <kendo-menu name="taghelperMenu">
        <items>
            <menu-item text="View Inventory">
                <sub-items>
                    <menu-item text="Home" asp-controller="Home" asp-action="Index"></menu-item>
                    <menu-item text="Security Information" asp-controller="Home" asp-action="Security_Information"></menu-item>
                </sub-items>
            </menu-item>
        </items>
    </kendo-menu>

3. The "Security Information" Menu item is not visible when the user is logged as "Admin" or as "User".

### Expected/desired behavior

The "Security Information" Menu item should be visible when the [Authorize(Roles = "Admin, User")] attribute is added to the respective Action/Controller and the user is logged as "Admin" or as "User".


### Environment

* **Telerik UI for ASP.NET Core version: 2023.2.606
* **Browser: [all]

### Bug report

When the custom editor template of the Scheduler contains a label text with a special character, it is encoded automatically. If the encoding contains a hash literal (#), it throws a client-side error "Invalid template".

### Reproduction of the problem

1. Create a Scheduler with a custom editor template.

2. Add a label for a specified Model property by using the @(Html.LabelFor(model => model)) configuration.

3. Add a label text with a special character as per the example below.

<div class="k-edit-label">
    @(Html.LabelFor(model => model.Title, "Durchfüehrung"))
</div>

<div data-container-for="title" class="k-edit-field">
    @(Html.Kendo().TextBoxFor(model => model.Title)
        .HtmlAttributes(new  { data_bind = "value: title"})
      )
    <span data-for="title" class="k-invalid-msg"></span>
</div>

4. Try to add an event or edit an existing event. Open the browser console to review the error:

### Expected/desired behavior

The hash literals in the encoded strings should be escaped automatically.

### Environment

* **Telerik UI for ASP.NET Core version: 2023.2.718
* **Browser: [all]

Bug report

Using a UI for ASP.NET MVC/Core Form, if a boolean property is defined as required with the [Required] attribute, and the Hint() option is not defined, the Form does not validate the checkbox.

Reproduction of the problem

Please visit the following Live demo, and submit the form.

Current behavior

The form will submit without validating the checkbox.

Expected/desired behavior

The Required attribute should be evaluated for validation.

Environment

• Kendo UI version: 2023.2.606
• jQuery version: All Supported Versions
• Browser: all

### Bug report

When the Pager's width is less than 600px, both page number buttons and the "Page select" select element are visible.

### Reproduction of the problem

Dojo sample for reproduction: https://dojo.telerik.com/eNoWEhIg

### Expected/desired behavior

The page buttons must be hidden when the "Select page" dropdown (select element) is visible.

### Environment

* **Kendo UI version: 2023.2.829
* **jQuery version: 1.12.4
* **Browser: [all]

Bug report

When the hoverDelay of the Menu widget is enabled the items of the Menu do not collapse properly after their initial expand.

Reproduction of the problem

1. Run this Dojo
2. Hover fast over multiple items
   or
3. Run the TagHelper Demo
4. Hover fast over the Using model binding Menu's items

Behavior occurs only on first expand of the items.
If the behavior isn't reproducible at initially refresh the page and try again.

Expected behavior

Menu Items that aren't currently hovered over should collapse.

Current behavior

Menu Items remain expanded.

Environment

• Kendo UI version: 2023.2.606

Bug report

Using kendo.WidgetInstance method for the RadioGroup Component in Telerik UI for ASP .NET Core returns undefined.

Reproduction of the problem

1. Run this REPL and inspect the DevTools console.
2. Compare with this Dojo for jQuery

Current behavior

kendo.WidgetInstance returns undefined when the id of a RadioGroup initialized using Telerik UI for Core is passed to it.

Expected/desired behavior

The kendo.WidgetInstance should return the client-side instance of the Component in Telerik UI for Core

TicketID: 1563950

Environment

• Kendo UI version: 2022.1.412

Bug report

Grid Filterable Button Title Message is not correctly serialized.

Reproduction of the problem

• Set the Filterable.Messages.ButtonTitle() API Configuration as follows:

        @(Html.Kendo().Grid<OrderViewModel>()
              .Name("grid")
              .Columns(columns =>
              {
                  columns.Bound(p => p.OrderID).Filterable(false);
                  columns.Bound(p => p.Freight);  
              })
              .Filterable(f => f.Messages(m => m.ButtonTitle("Filter")))
        )
  

• Hover the Filter Button Icon and notice that the buttonTitle message is applied instead.

Current behavior

The Filter ButtonTitle message shows its default message.

Expected/desired behavior

The Filter ButtonTitle should show the custom-provided message.

Environment

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

Bug report

Grid PageSizes TagHelper attribute does not expose an IEnumerable overload

Current behavior

The Grid PageSizes TagHelper attribute exposes only an int[] overload which prevents adding options such as "All".

In comparison to its HtmlHelper counterpart:

    .Pageable(paging => paging.PageSizes(new object [] { 5, 10, 20, "All" }))

Expected/desired behavior

It would be a good idea to consider altering the page sizes to accept an IEnumerable overload.

Environment

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

Bug report

The TagHelper Grid's TagHelper is not correctly serialized and cannot be used to export hidden columns.

Reproduction of the problem

• Set the exportable TagHelper for a hidden column to enabled.

<columns>
    <column field="Discontinued" hidden="true">
         <exportable enabled="true" />
    </column>
</columns>			  

• Open the following REPL example.
• Export the Grid and observe the exported document.

Current behavior

The Grid TagHelper does not export hidden columns if the exportable TagHelper is enabled identically to the Kendo UI for jQuery Grid column exportable option.

Expected/desired behavior

The Grid TagHelper should be able to export hidden columns if the exportable TagHelper is enabled identically to the Kendo UI for jQuery Grid column exportable option.

Environment

• Kendo UI version: 2022.3.1109
• Browser: [all]