Bug report

When the width of the DropDownList is set using the list.width and the DropDownList gets open there is a slight delay of expanding the popup width.

Reproduction of the problem

1. Open the Dojo and open the DropDownList

Current behavior

There is a delay of expanding the popup width.

The issue is a regression starting with 2022 R1 SP1

####Workaround
$('.k-popup').width(600);
Dojo

Expected/desired behavior

There should be no delay when the width od the DropDownlist is set..

Environment

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

Bug report

When the text in MultiColumnComboBox with virtualization is longer than tha actual width of the cell, the column get wider and is misaligned.

Reproduction of the problem

1. Open the Dojo
2. Scroll down to the item with id 10308 or 10352

Current behavior

The column width is not correct.

Expected/desired behavior

The column width should be aligned with the rest of the rows. In versions before 2022 R1 an elipsis appear for the cells with longer text.

The issue is a regression starting with 2022 R1

Environment

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

Bug report

When you try to append a child item in the Menu, the parent item is replaced instead.

Regression introduced with 2022 R1

Reproduction of the problem

1. Open this Dojo example.
2. Click the Append 2 button
3. Check Item 2

Current behavior

The new item replaces Sub Item 1

Expected/desired behavior

The new item should be appended as a child to Sub Item 1

Environment

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

Bug report

In an Scheduler edit popup that has a required MultiSelect, the validation message disappears after blurring the widget.

Regression introduced with 2020 R2

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/ufAmewEP/11
2. Create or edit a task
3. Remove the item in the MultiSelect and blur

Current behavior

The validation message disappears

Expected/desired behavior

The validation message should remain

Environment

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

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

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]

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

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)

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