There is an issue when you copy /paste a bullet list from a Microsoft word document.

• The numbers are not correct (See attached screenshot)
• If you started a new line you don't get a new number for that hierarchical level. Instead, you just get a new line.

Bug report

The StringExtensions -> ToCamelCase method(part of Kendo.Mvc.Extenstions) doesn't return the expected Camel case result.

• More details in ticket # 1458202

Reproduction of the problem

Include the Kendo.Mvc.Extenstions namespace. Define the following in a controller:

        public IActionResult Index()
        {
            string test = "RANDOMStatusId";
            test = test.ToCamelCase();

            return View();
        }

Set a debugger and see the value of the "test" variable.

Current behavior

The returned from the ToCamelCase() method value is "rANDOMStatusId"

Expected/desired behavior

The expected result returned from the ToCamelCase() method value is "randomStatusId"

Environment

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

### Bug report

The Button TagHelper is missing in the Visual Studio 2022 IntelliSense. 

### Reproduction of the problem

Create a Telerik UI for ASP.NET Core application (.NET 6) and try to insert a Button TagHelper by using the IntelliSense. It appears that not all available Telerik UI components are available in the suggested list.

### Environment

* **Visual Studio Professional 2022 version: 17.1.0 Preview 1.1

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

### Bug report

The CheckBox TagHelper does not render the attribute "required" and a custom class.

### Reproduction of the problem

The CheckBox TagHelper definition:

<kendo-checkbox id="KendoCheckboxRequiredByHtml" class="form-check-input" required>
</kendo-checkbox>

It generates the following markup:

<input id="KendoCheckboxRequiredByHtml" name="KendoCheckboxRequiredByHtml" type="checkbox" value="true" data-role="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
<input name="KendoCheckboxRequiredByHtml" type="hidden" value="false">

A sample for reproduction is attached.

### Expected/desired behavior

The attribute "required" and the class "form-check-input" to be set to the generated input element.

### Environment

* **Kendo UI version: 2022.2.510
* **Browser: [all]

Bug report

On mobile device's the TimePicker and DateTimePicker's popup doesn't get scrolled as expected. Instead the entire page is scrolled.

Reproduction of the problem

1. Run the DateTimePicker or TimePicker Demo on a mobile device (test on Safari/Chrome)
2. Open the popup and try to scroll

Current behavior

The page gets scrolled.

Expected/desired behavior

The popup should be scrollable.

TicketID:

1570836

Environment

• Kendo UI version: 2022.6.621
• Browser: [ Mobile Chrome | iOS XX Safari ]

### Bug report

When the Grid is grouped by a specified column, and this column has a "groupFooterTemplate" that contains aggregates from other fields, it cannot be exported to Excel. It throws a JavaScript exception.

### Reproduction of the problem

1) Group the Grid by the column "ProductName".

2) Export it to Excel through the built-in command "Export to Excel".

3) JS exception is thrown.

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

### Expected/desired behavior

The Excel export should work as expected when the Grid is grouped.

### Environment

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

As per the subject, if you use jQuery to get a Kendo TabStrip in a ComboBox change event it inserts this div into the TabStrip control:

<div class="k-tabstrip-items-wrapper k-hstack">
    <ul class="k-tabstrip-items k-reset" role="tablist"></ul>
</div>

This used to work as we were changing the selected tab in a TabStrip based on a ComboBox selection, but this no longer works. Please see the following REPL where a new div is added every time you change the ComboBox value:

https://netcorerepl.telerik.com/mxETafaT24zWOe0C50

Kind regards,

David

REPL to reproduce the problem following the steps below: https://netcorerepl.telerik.com/wSYNlmbA55iBcMhu20

Steps to reproduce

Type "wil" to get suggestions:


Hit tab to accept the first suggestion.

Click the arrow to display the list of options:


Observe the list of unrelated options, and the textbox now containing the value of the first option listed:

Additional information

The "normal" read request sends what is ultimately handled as a DataSourceRequest object in the controller that includes (among other things) information on how the data should be sorted. The "value mapper" request, on the other hand, sends only the raw values that need to be mapped (without any information on how they are being sorted by the DataSource). As a result, the positional index returned to the value mapper is incorrect if/when the data is sorted differently.

For example, the "normal" read request calls the controller action, it retrieves data [A, C, D, B], and the DataSourceRequest is applied to sort it as [A, B, C, D] and this is how it's displayed in the dropdown list. If the value "B" needs to be mapped, the "value mapper" request calls a similar (but different) controller action, it retrieves the same set of data [A, C, D, B] but does not make any attempt to sort it, finds "B" in the list (#4), and this is returned to the component (which then sets the dropdown's selectedIndex = 4, but in the dropdown's sorted list of data, this corresponds with the value "D", not "B" [which would be 2]).

In this screenshot, End Date and Subm Is Open are "nested" properties, and Prod Date and Is LatestVersion are *not* nested.  The row filter functionality is not displaying the correct row filter widget.

Here's a data sample:

Hello good afternoon all right?

I am developing a code where I create a base model of a window and use javascript to be able to define data like autura, width, content (URL) and etc ...
In the example I am doing, I have a menu that according to the ID of the item that I clicked on the menu, it performs a function and according to the ID, it defines the data of the Window, as I do not have a component like "RadWindowManager" to facilitate this part of the creation, I am doing this process:

Component Code:

<nav class="navbar navbar-expand-xl navbar-light bg-light">
        <a class="navbar-brand" href="#">
            <div> <img src="~/images/selo.png" class="pull-left imagem" /> </div>
        </a>
        <a class="navbar-brand" href="#">
            <img src="~/images/softlux.png" class="logo_posicao" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('3,0')">
                                Example Window 1
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('6,0')">
                                Example Window 2
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('12,0')">
                                Example Window 3
                            </a>
                        </li>
            </ul>
        </div>
</nav>

@(Html.Kendo().Window()
    .Name("FrmGrid")
    .Resizable()
    .Draggable()
    .Content("Loading...")
    .Visible(false)
    .Modal(false)
    )

Scripts Code:

<script type="text/javascript">
        function aoClicar(idItem) {
            switch (idItem) {
                case "3,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Environments",
                        width: 980,
                        height: 440
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Ambiente/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "6,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Professions",
                        width: 980,
                        height: 400
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Profissao/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "12,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of reasons",
                        width: 980,
                        height: 560
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Motivo/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                default:
                    alertify.error('Window not disponible.');
            }
        }
</script>

However, I noticed 2 problems in Defining Options such as height, width, title, and content
If I use this method to define:

janela.setOptions({
    title: "Table of reasons",
    width: 980,
    height: 560
});

The final result of the window looks like this:

Note that the Content Frame is passing outside the window border, or in case the background shadow of it, in other browsers the size may even follow the pattern of the shadow, but in Google Chrome you get this part beyond the limit.

If I use this method to set the properties:

var janela = $("#FrmGrid").kendoWindow({
        title: "Table of reasons",
        width: 980,
        height: 560
    }).data("kendoWindow");

When you create the first window, you create it without problems:

Hi!

We're using a drop down list as a grid cell's edit template, but.. our users are unable to properly edit the rows at the bottom of the grid due to drop down list going off the page, and closing when they attempt to scroll.

any ideas?

pdfViewer toolbar are always in english :

the header display 5/21 for 21 may, but should be 21/5 for French culture

no translation for Export PDF : "Export to PDF" should be "Exporter en PDF" in french Translation

Show picture

Bug report

Reproduction of the problem

1. Run the attached sample project:
   TelerikAspNetCoreApp100.zip
2. A child node is returned as checked from the server.
3. Note the difference between the state of the parent node checkbox in the Core TreeView (incorrect) and in the Kendo UI TreeView (correct).

Current behavior

The parent node's state remains "unchecked".

Expected/desired behavior

The parent node's state should be "indeterminate".

Workaround:

Attach a DataBound event handler to the TreeView:

<kendo-treeview name="DataRestrictionTree" load-on-demand="false" datatextfield="Name" on-data-bound="onDataBound" >

In the handler call the TreeView's updateIndeterminate API method:

function onDataBound(e) {
	var treeview = $("#DataRestrictionTree").data("kendoTreeView");
	treeview.updateIndeterminate();
}

Environment

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

Bug report
A specific PDF file (example can be found in ticket : 1493640) shows upside down in DPL case

Reproduction of the problem
Run the DPL processing demo locally and replace the file with the one provided in the ticket

Current behavior
The signature is not shown

Expected/desired behavior
The signature should be shown

Environment
Kendo UI version: 2020.3.1021

Dear Telerik Team

I have recently found a bug in the asp.net core Scheduler.

 What I did (using this demo):

1. Created a daily event

2. Edited the second event (the current occurrence) and saved it

3. Tried to edit the second event again

The problem is now that the popup if I want to edit the current occurrence or series still showed up but it should not.

We had the same problem also on our asp.net core application.

Best Regards

Jan

Kendo dialog structure doesn’t use Aria landmarks properly for buttons  - this leads to a validation error

The pager control's select box renders role="listitem" but the parent is missing role="list"  - this leads to a validation error

Listviews will render role="list" even when empty - this leads to a validation error

Kendo grids use 2 tables (one for header and one for the data) which means that there are no role="cell" assigned to any of the headers  - this leads to a validation error

Scrollable grids are missing a tabindex="0" to allow for keyboard navigation - this leads to a validation error

this form doesn't have Core 2, 2.1, 3.0, 3.1 or 5 in the .Net Framework drop down. Just gonna pick 4.8 even though it doesn't apply. I am using core 5.

If I manually enter the date in the cell the model binder parses the date as it was not an UTC and since my time zone is +2h it comes in the controller as 25.12.2021 22:00

(see the attached files)

Inside my startup.cs I have defined JsonOptions like this:

.AddNewtonsoftJson(options =>
                {
                    options.SerializerSettings.ContractResolver = new DefaultContractResolver();
                    options.SerializerSettings.DateTimeZoneHandling = DateTimeZoneHandling.Utc;
                });

In the Configure method:

var supportedCultures = new[] { new CultureInfo("bg-BG") };

app.UseRequestLocalization(new RequestLocalizationOptions
{
         DefaultRequestCulture = new RequestCulture("bg-BG"),
         SupportedCultures = supportedCultures,
         SupportedUICultures = supportedCultures
});

<script src="~/lib/kendo/js/cultures/kendo.culture.bg-BG.min.js"></script>

<script>
        kendo.culture("bg-BG");
</script>

• ArgumentOutOfRangeException: Index and length must refer to a location within the string. (Parameter 'length')

  • string.Substring(int startIndex, int length)

  • Kendo.Mvc.Rendering.KendoHtmlGenerator.SanitizeId(string id)

  • Kendo.Mvc.UI.WidgetBase.get_Id()

  • Kendo.Mvc.UI.WidgetBase.RenderTrialMessage(TextWriter writer)

  • Kendo.Mvc.UI.WidgetBase.RenderHtml(TextWriter writer)

  • Kendo.Mvc.UI.WidgetBase.ToHtmlString()

  • Kendo.Mvc.UI.Fluent.WidgetBuilderBase<TViewComponent, TBuilder>.ToHtmlString()

  • Kendo.Mvc.UI.Fluent.WidgetBuilderBase<TViewComponent, TBuilder>.WriteTo(TextWriter writer, HtmlEncoder encoder)

  • Microsoft.AspNetCore.Mvc.ViewFeatures.Buffers.ViewBuffer.WriteToAsync(TextWriter writer, HtmlEncoder encoder)

  • Microsoft.AspNetCore.Mvc.Razor.RazorView.RenderLayoutAsync(ViewContext context, ViewBufferTextWriter bodyWriter)

  • Microsoft.AspNetCore.Mvc.Razor.RazorView.RenderLayoutAsync(ViewContext context, ViewBufferTextWriter bodyWriter)

  • Microsoft.AspNetCore.Mvc.Razor.RazorView.RenderAsync(ViewContext context)

  • Microsoft.AspNetCore.Mvc.ViewFeatures.ViewExecutor.ExecuteAsync(ViewContext viewContext, string contentType, Nullable<int> statusCode)

  • Microsoft.AspNetCore.Mvc.ViewFeatures.ViewExecutor.ExecuteAsync(ViewContext viewContext, string contentType, Nullable<int> statusCode)

  • Microsoft.AspNetCore.Mvc.ViewFeatures.ViewExecutor.ExecuteAsync(ActionContext actionContext, IView view, ViewDataDictionary viewData, ITempDataDictionary tempData, string contentType, Nullable<int> statusCode)

  • Microsoft.AspNetCore.Mvc.ViewFeatures.ViewResultExecutor.ExecuteAsync(ActionContext context, ViewResult result)

  • Microsoft.AspNetCore.Mvc.ViewResult.ExecuteResultAsync(ActionContext context)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeResultAsync>g__Logged|22_0(ResourceInvoker invoker, IActionResult result)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeNextResultFilterAsync>g__Awaited|30_0<TFilter, TFilterAsync>(ResourceInvoker invoker, Task lastTask, State next, Scope scope, object state, bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.Rethrow(ResultExecutedContextSealed context)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.ResultNext<TFilter, TFilterAsync>(ref State next, ref Scope scope, ref object state, ref bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeResultFilters>g__Awaited|28_0(ResourceInvoker invoker, Task lastTask, State next, Scope scope, object state, bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeNextResourceFilter>g__Awaited|25_0(ResourceInvoker invoker, Task lastTask, State next, Scope scope, object state, bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.Rethrow(ResourceExecutedContextSealed context)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.Next(ref State next, ref Scope scope, ref object state, ref bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeFilterPipelineAsync>g__Awaited|20_0(ResourceInvoker invoker, Task lastTask, State next, Scope scope, object state, bool isCompleted)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeAsync>g__Logged|17_1(ResourceInvoker invoker)

  • Microsoft.AspNetCore.Mvc.Infrastructure.ResourceInvoker.<InvokeAsync>g__Logged|17_1(ResourceInvoker invoker)

  • Microsoft.AspNetCore.Routing.EndpointMiddleware.<Invoke>g__AwaitRequestTask|6_0(Endpoint endpoint, Task requestTask, ILogger logger)

  • Microsoft.AspNetCore.Authorization.AuthorizationMiddleware.Invoke(HttpContext context)

  • Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware.Invoke(HttpContext context)

Steps to reproduce

1. Execute the code below
2. Enter some values in the Html and Kendo inputs
3. Hit the browser's back button
4. Hit the browser's forward button to redisplay the page

Current Behavior

The value in the Html Input is restored but not the value of the Kendo Input. The same behavior applies for Kendo NumericTextBox, etc.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.1207/styles/kendo.bootstrap-v4.min.css" />
    <script src="https://kendo.cdn.telerik.com/2021.3.1207/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.3.1207/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.3.1207/js/kendo.aspnetmvc.min.js"></script>
  </head>
  <body>
    <form>
 
      <div>
        <label for="HtmlInput">Html Input</label>
        <input type="text" id="HtmlInput" name="HtmlInput">
      </div>
 
      <div>
        <label for="KendoInput">Kendo Input</label>
        @(Html.Kendo().TextBox ().Name ("KendoInput"))
      </div>
 
    </form>
  </body>
</html>