Bug report

The height of the DropDownList popup is incorrect when using LESS themes.

Reproduction of the problem

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

Current behavior

The popup height is incorrect.

Expected/desired behavior

The popup height should be big enough to fit the list.

Environment

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

Bug report
The pasted value containing whitespaces into numeric textbox results in a trimmed value

Reproduction of the problem

Open this example: https://dojo.telerik.com/iTiBArEh

Click "Run"

Expected/desired behavior

The pasted value shall be '1000' instead of '1'

Environment
Kendo UI version: 2021.2.616 and above
Browser: [all]

https://demos.telerik.com/kendo-ui/grid/server-grouppaging-virtualization and click to Edit in Dojo. It o

pens https://dojo.telerik.com/afoCefOJ

group: [{
                        field: "city",
                        dir: "asc"
                    }, {
                        field: "companyName",
                        dir: "asc"
                    }],

group: [{
                        field: "city",
                        dir: "asc"
                    }],

and also adjust pageSize to 10:

pageSize: 10,

Correcting a misspelled word with some fontsize decoration results in Chrome changing the DOM element to font tag and style to face attribute.

This leads to the font tool not recognizing the font size and shows inaccurate value.

Reproduction of the problem

https://demos.telerik.com/kendo-ui/editor/all-tools

1. Delete all content
2. Type 'Heloo' and change its font size
3. Correct the misspelled word.

Current behavior

Dom is changed to font tag with size attribute. And the font tool not showing the correct font size.

Expected/desired behavior

Either the Editor to retain or bring back the proper tag and style. Or update the font size to recognize the font size from font tag and size attribute

Environment

• Browser: [ Chrome 92.0.4515.15 ]

Hello,

the "center" Method of the Dialog widget is not documented, but can be called at runtime.

Please document this method, and also include it in the typescript bindings.

https://docs.telerik.com/kendo-ui/api/javascript/ui/dialog

Bug report

Horizontal and vertical lines appear in the merged Spreadsheet cells when they are disabled.

** Possible workaround could be to apply the following CSS:

      #spreadsheet > div.k-spreadsheet-view > div.k-spreadsheet-fixed-container > div.k-spreadsheet-pane > div.k-spreadsheet-data > div.k-state-disabled {
        opacity: 1;
        color: #a3a3a3;
      }

Reproduction of the problem

1. Open this Dojo and run it
2. There are is a horizontal line above the cell with text "Merged DISABLED cell and there is a horizontal line above". There is a vertical line inside the cell with text "Two cells are merged horizontally and the result cell is disabled. There is a vertical line that should not appear"

Current behavior

When Spreadsheet cells are merged and the result cell is disabled, there are horizontal or vertical lines that appear inside the merged cell.

Expected/desired behavior

No lines should appear inside the merged cells, no matter if they are enabled or disabled.

Environment

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

Bug report

When the mobile option of the Scheduler is set to true and the user double click/double-tap the Edit dialog is opened, but when saving the event, the following error is thrown in the console:

'Cannot read property 'isOccurrence' of undefined'

Reproduction of the problem

1. Open the Dojo example in the emulator.
2. Double click fast to edit or create an event
3. Try to save the event

Current behavior

An error is thrown in the console (screencast)

Expected/desired behavior

There should be no error in the console

Environment

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

Bug report

When a draggable item that is part of a tile of the Kendo UI TileLayout is dragged, JavaScript errors are thrown. This is due to the fact that the Draggable widget, internally used, calls the drag event of the widget instances inside the TileLayout.

Reproduction of the problem

1. Edit the live demo in a Dojo: https://demos.telerik.com/kendo-ui/tilelayout/index

2. Make any of the grids, resizable or groupable.

3. Resize or group a column.

4. JavaScript errors are thrown.

Environment

* **Kendo UI version:** 2020.2.617
* **jQuery version:** 1.124
* **Browser:** [all] 

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 ]

We are using asp mvc, but the but it is completely reproduceable with only jquery as shown in the file attached.

When using a scatter chart with a date axis any zooming with the mouse wheel will crash most if not all browsers.

At the very least current versions of chrome (97.0.4692.99), firefox (96.0.1) and edge (97.0.1072.62).

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

When a content containing carriage return is pasted from Word in the Editor and space or Enter is clicked at the end of the content JS error is thrown. The issue is reproducible in Chrome and Edge.

Reproduction of the problem

Issue 1:

1. Open the attached file and the Dojo linked here.
   test.docx
2. Select all by Ctrl + A, and paste it in the Editor
3. In the file there is a row with text and two empty rows below. Move toward the 2nd row and type any words. (Use direction key, not Enter)
4. Move toward the 3rd row and type any words. (Use direction key, not Enter)
5. Press space key at the end of the 3rd row

Issue 2
Follow the same steps as above, but on step 6 press Enter instead of space

Current behavior

The following JS errors are thrown:

1. DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 6.
2. Failed to execute 'insertNode' on 'Range': Nodes of type 'A' may not be inserted inside nodes of type '#comment'.
   (screencast)

Expected/desired behavior

There should be no JS errors when a content with carriage return is pasted in the Word file and space or enter are pressed at the end of the pasted content.

Environment

• Kendo UI version: 2021.1.224
• Browser: [ Chrome | Edge ]

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 ]

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

For a TabStrip in a PanelBar, the content for all tabs is displayed initially. You need to select all the tabs so that the content would start displaying correctly for the corresponding tab.

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/@martin.tabakov@progress.com/IxUxAfOT/5

Current behavior

The content for all the tabs is displayed.

Expected/desired behavior

The content should be displayed separately for each tab.

Environment

• Kendo UI version: 2021.3.1207
• 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

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]

When the Grid is rendered inside of a ListBox, the edit of a cell is immediately cancelled due to the focus being stolen from the ListBox.

https://dojo.telerik.com/iYuDAwIp/3

When the autofitcolumn method is used together with multi-headers and hidden columns, some of the columns are either not visible at all or shrunken.

The problem can be observed in the following Dojo:

https://dojo.telerik.com/EJezUyeg 

The CompanyName column should be visible, however it is not. If the example is ran in fullscreen, the column will be visible, however it will shrink if the Browser window gets smaller.

The Pager keyboard navigation now includes the keys ENTER and ESC that allow to "enter" a detailed pager navigation as explained in https://docs.telerik.com/kendo-ui/controls/data-management/pager/accessibility/keyboard-navigation.

However, the key events bubble up the DOM. In our case, this causes unwanted effects like closing popups etc. (we close popups on ESC).

Shouldn't the propagation be prevented for keyboard events that are handled by the pager itself?

I've created a small DOJO which demostrates this behavior: Note how the keydown event of the outer container is always fired, even if ESC was pressed to navigate inside the pager.