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]

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)

A heatmap (grid-style at least) is very much useful in any decent project management application. A widget that could remotely connect color-shades to jSON data would be really great.

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]

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

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>

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

In cases when we have loadOnDemand set to true and we want to populate the value of the DropDownTree initially we need a way to check if this value is part of the available options. One possible solution is adding a valueMapper function similar to the one use in virtualization scenarios.