Hi Telerik Team,

We are using latest version (2022.1.412) of the Kendo jQuery tool set. The latest version of Kendo jQuery is using one of the older version of jszip 2.6.1, which is being tagged a vulnerable by our scanning tool. Can you please upgrade the version of jszip in your latest Kendo jQuery (KendoUIProfessional and Telerik.UI.for.AspNet.Mvc5)  

Bug report

In a Popup that has an AutoComplete, the Popup closes when you type in the AutoComplete input field.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/ajubEhox/12
2. Click the Open button
3. Type in the AutoComplete

Current behavior

The Popup closes

Expected/desired behavior

The Popup should remain open

Environment

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

Bug report

Selecting a tab from the TabStrip causes the page to scroll to the top. The body height must be at least 746px in order to reproduce the bug.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@Dimitar-Goshev/ANOkAfor
2. Scroll down the page until the tab's content is visible.
3. Select another tab.

Current behavior

The page scrolls to the top.

Expected/desired behavior

Selecting a tab shouldn't cause scrolling.

Environment

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

Bug report

The text of a Button a cannot be modified through $scope using AngularJS.

Regression introduced with 2022.1.119

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/uzEdoger/2

Current behavior

The buttonName value is not displayed as the Button's text

Expected/desired behavior

The buttonName value should be displayed as text for the Button.

Environment

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

kendo.all.min.js is reporting this in Chrome.

A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced.

To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.

Note that for performance reasons, only the first access to one of the properties is shown.

https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html

 

When will this be resolved?

Dojo: https://dojo.telerik.com/@jay/AhUYayEx

1. Hover over a color - tooltip shows up;

2. Hover over the tooltip;

3. Move the cursor back to the same target;

4. Move the cursor to a different color or any mouseout;

Actual: Tooltip is not closed

Expected: Tooltip to be closed (same as when not performing step 2)

Bug report

Select event not fired on clicking over already selected ComboBox/MultiColumnComboBox item. According to the event description, it should be "Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation". It is fired when pressing Down arrow again when the last item is selected, but not fired if the last item is clicked.
Regression since 2018.3.1017 - Dojo introduced with the fix for Unexpected ComboBox value selection, instead of text, when an item is selected with Enter

Reproduction of the problem

1. Go to https://demos.telerik.com/kendo-ui/multicolumncombobox/events
2. Expand the widget.
3. Click on Item 3.
4. Expand the widget again.
5. Click on Item 3.

Current behavior

Select event is NOT fired.
If we expand the widget and press Down arrow, select event is fired once again for Item 3.

Expected/desired behavior

Select event is fired as with version 2018.3.911 - Dojo.

Environment

• Kendo UI version: 2021.3.1109
• Browser: all

Hello,

I have identified an issue within your editor within Kendo UI for jQuery.

When you open the editor on an iPhone, Safari will display some dropdowns in the editor's toolbar twice. You will see the Kendo dropdown, and to the right Safari displays the original <select>. It seems to be impossible to hide the <select> by CSS.

You can reproduce this issue at your own demo website, when you use Safari on an iPhone device:
https://demos.telerik.com/kendo-ui/editor/index

See sample presentation in the attached file.

 

Is this a known bug?
Do you have a workaround or a fix for this behaviour?

Kind regards,
Markus

Please support API access for private NuGet feed. It is more friendly to build servers and avoids user information leaking.
---
ADMIN EDIT
Update from 1 Mar 2021 - At the moment we are looking at providing certificate-based access - a relatively new feature that seems to be the current best practice (issue, PR). While it does require a little bit of setup, it does not expose secrets in the URL, and does not require user credentials.
---

SVG Example:

            <svg>
                <defs>
                    <pattern id="Occupied"
                            width="4" height="10"
                            patternUnits="userSpaceOnUse"
                            patternTransform="rotate(45 50 50)">
                        <line stroke="#ffb29d" stroke-width="2" y2="10"/>
                    </pattern>
                </defs>
                <rect x="5" y="5"
                      width="40" height="100"
                      fill="url(#Occupied)"
                      stroke="#ff7094"
                      stroke-width="1" />
            </svg>

Having a character counter for textbox & textareas gives users nice little heads up as they start typing to summarize the text for a fixed length. Not sure about internet applications but its becoming more & more a requirement in business applications. Please give it a thought.

The PivotConfigurator is very static. It would be nice to change the layout.

For example some options:
- Hide / visibility of all four elements (Row, Column, Measure, Fieldlist)
- Position of all four elements (Row, Column, Measure, Fieldlist)

Bug report

A js exception is thrown on selecting a row with the select method, when the Grid's scrollable option is disabled. The exception started appearing since R3 2020 SP1.

Reproduction of the problem

1. Go to: https://dojo.telerik.com/adExIfAp/6
2. Run the example

Current behavior

A js exception is thrown on calling the select method.

Expected/desired behavior

No exception is thrown.

Environment

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

Please add the following things in Kendo UI
validators for compare, password length check, password complexity check, RangeValidator, ValidationSummary

Bug report

The kendo.culture.nb-NO.min.js file contains some unwanted characters: "Â".

Reproduction of the problem

See Ticket ID: 1486493 for more details.

The unminified file looks correctly: https://github.com/telerik/kendo-ui-core/blob/master/src/cultures/kendo.culture.nb-NO.js

Current behavior

Expected/desired behavior

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos on mobile devices or in Chrome's emulator.
Screencast.

1. Tap over the MultiSelect input area and drag to scroll the page.

Current behavior

The dropdown opens and a js exception is thrown:

"Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted."

Expected/desired behavior

The dropdown does not open (similarly to the way the DropDownList behaves in the same scenario).

Environment

• Kendo UI version: 2019.2.514
• jQuery version: x.y
• Browser: [Mobile Chrome XX ]

I was working with a badge widget and I noticed an issue when the value property is specified as 0. It does not change the value displayed in the badge. I have attached a snippet based on the Basic usage demo for a Badge. I originally noticed it because I'm using the badge in MVVM pattern.

 

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/badge/index">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.219/styles/kendo.default-v2.min.css" />

    <script src="https://kendo.cdn.telerik.com/2020.1.219/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.all.min.js"></script>
    

</head>
<body>
<div id="example">
    <div class="demo-section k-content">
        <div id="toolbar"></div>
    </div>
    <script>

        $("#toolbar").kendoToolBar({
            items: [
                {
                    template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-user"></span><span id="badge-overlay">2</span></a>'
                },
                {
                    template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-email"></span><span id="badge-inbox">5</span></a>'
                },
                {
                    template: '<a class="k-button" href="#">See later <span id="badge-sent">15</span></a>'
                },
                {
                    template: '<a class="k-button" href="#">News<span id="badge-missed">99+</span></a>'
                }

            ]
        });

        $('#badge-inbox').kendoBadge({
            type: 'info',
            appearance: 'rectangle'
        })

        $('#badge-sent').kendoBadge({
            type: 'success',
            appearance: 'rectangle'
        })

        $('#badge-missed').kendoBadge({
            type: 'warning',
            value: 0, /*The span has an original value specified in HTML. When it is run, the value doesn't change unless you change it to something other than 0, i.e. 10*/
            appearance: 'rectangle'
        })

        $('#badge-overlay').kendoBadge({
            type: 'primary'
        })
    </script>
    <style>
        #toolbar {
            display: flex;
            justify-content: center;
            height: 80px;
        }

        #example a{
            margin-left: 5px;
        }

        #example .k-icon {
            font-size: 20px;
        }
    </style>
</div>


</body>
</html>

Currently you can clone the Pager to make it appear both on Top/Bottom. This should be configurable so that you can have in on top of the grid or the bottom of grid or both

It would be nice to be able to configure the grid in a way that when I collapse a group, the lines it was occupying are then filled up by the results from the following pages.

Kendo Grid currently only minimizes the results of the current page. It ignores the pageSize config we have set, not bringing more items to occupy the number of lines we have configured.

Here are some screenshots I took from the DevExpress grid. There you can see that the column year is grouped and initially the years 90 and 91 are expanded. When I collapse the year 90, the results from the year 91 fill up the space the other group was not using anymore.

http://imgur.com/a/IV4CT

Bug report

 

DatePicker throws JS error "Cannot read property '_focus' of undefined" in the following scenario:

1. Focus element

2. Select all text inside

3  Press Backspace or Delete

4. Remove focus from the element by clicking outside

Dojo to reproduce: https://dojo.telerik.com/uZAhiHuC

Reported in #1450532