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

Bug report

When filtering is performed in the parent widget and an item is selected, duplicate read request are sent to the remote end point for the child widget data.

Reproduction of the problem

1. Open the Dojo
2. In the parent DropDownList search "be" and select "Beverages"

Current behavior

Two requests are sent to the 'Products' DropDownList read end point.

Expected/desired behavior

There should be a single request for reading the widget`s data.

The issue is a regression since 2019 R3 SP1 (2019.3.1023)

Environment

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

Hi

We have noticed that spreadsheet filter box (click on filter down arrow) didnt appear when clicked on certain environment (win10, surface pro 7), but works on others.

What happens is you click the down arrow, a scroll bar appears on rhs, which i think is suggesting the popup has positioned soemwhere off visible area.

This happens in each browser - edge (94.0.992.50 ), chrome (95.0.4638.54 ) and firefox (93.0). Plug ins disabled.   Windows 10.0.19043

 

Wondered if about high res screens or display settings?

 

Recreated with kendo demo 

https://dojo.telerik.com/aruPOzEx

 

then tried each kendo version going back in time, and basically version 2020 R2 SP1 it worked (see attached working.. shot), and anything since it fails. 

In the shots i am clicking on company filter arrow.   the failversion-before is before i click, failversion-after is after click - where you can see extra vertical scrollbar

 

Regards

Chris

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

Bug report

When text is copied and dragged to the Editor it is pasted only if it is dropped on the first row. It is not pasted if it is dropped below the first row of the content.

Reproduction of the problem

1. Open the Overview Demo in Chrome, Edge or IE
2. Clear the content
3. Copy part of the 'Overview' text that is above the example
4. Drag it to the Editor and drop it

Current behavior

The text is pasted in the Editor only if it is dropped on the first line. In case the text is dropped below the first line the cursor is not visible and the text is not pasted.

Expected/desired behavior

The text should be pasted in the Editor even if it is dropped below the first line.

The issue is regression since version 2019 R2 SP1 (2019.2.619)

Related issue: #5454

Environment

• Kendo UI version: 2019.2.619
• Browser: [Chrome |IE XX | Edge ]

Bug report
Window modal overlay missing when using KendoWindow that has the following configuration fo window1
{

modal: true,

draggable: {containment: "body"}

}

I aware that there is this forum talking about this issue, but the example is opeining both window without draggable.containment configuration.

The current easist workaround is dont set draggable.containment for window1

Reproduction of the problem
1. Run this dojo

2. Open window1, then open window2, close window2

3. The modal overlay for window1 dissapeared

Current behavior
When window1 has configuration for draggable.contaiment, its modal overlay will dissapear after window2 closed

Expected/desired behavior
The modal overlay for window1 should remain, closing window2 should not affect window1's modal overlay

Environment
Kendo UI version: 2021.2.616
jQuery version: 3.4.1
Browser: all

Bug report

The menu that determines where to add new task incorrectly appears after creating a new task and editing an existing one.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uBAHUgOy
2. Add new task.
3. Randomly edit another task so that no item is selected in the Gantt TreeList.
4. Press the Add Task button again.

Current behavior

The Add Child/Above/Below menu appears unexpectedly.

Expected/desired behavior

The menu should not appear and a new task should be added at the bottom of the list.

Environment

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

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/aGidAkuP/2

1. Double click an event to edit it.
2. Enter and invalid hour (e.g., 25:00) or some text in the Start or the End DateTimePicker.
3. Click the "Save" button.

Current behavior

The validation message appears for a fraction of a second and then disappears. No indication of which field is invalid remains. If a SASS theme is used, there is some indication - a red border around the invalid field appears.

Expected/desired behavior

The validation message remains until a valid date is entered in the DateTimePicker.

Environment

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

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]

Bug report

When using Kendo Bootstrap v4 theme and attempting to display a maximized Kendo Window with iFrame content the iFrame does not take up the full height of the Kendo Window.
The behavior is observed with Safari browser on MacOS X or iOS

Reproduction of the problem

1. Run this dojo with Bootstrap-v4 bug example

Expected/desired behavior

The iFrame should take up the full height of the Kendo Window.

Adding the following style resolves the observed behavior:

<style type="text/css">
    .k-window-content.k-window-iframecontent {
        height:100%;
    }
</style>

Environment

• Kendo UI version: 2020.2.513
• Browser: [Safari | iOS Safari]

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>

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