Unplanned
Last Updated: 19 Mar 2024 08:31 by ADMIN
Created by: Michael D
Comments: 3
Category: ColorPicker
Type: Bug Report
0
The Kendo UI ColorPicker's contrastTool shows the contrast ratios necessary to reach a certain accessibility level. While the current contrast ratio itself is localized, the thresholds for the AA and AAA levels are not. For languages like German, this means that for the ratio, "," is used as a decimal separator while the thresholds below use ".".
Unplanned
Last Updated: 19 Mar 2024 08:13 by ADMIN

The documentation for the Kendo UI MultiSelect widget states that the user can highlight the next/previous item using RIGHT/LEFT when the selection popup is closed. This works as expected. However, if the user then presses TAB and moves the focus somewhere else, the item remains highlighted.

Since the highlight only indicates that certain actions can be executed on the item, it should be removed in such a case as the actions are no longer executable. This can easily be reproduced with the keyboard navigation sample:

  • Select a few items
  • press LEFT
  • press TAB

 

Completed
Last Updated: 19 Mar 2024 07:26 by ADMIN
The Kendo UI Toolbar widget's overflow menu can be opened/closed using the overflow button (by default on the right hand side of the toolbar). However, when the overflow menu is opened and a user clicks the button, the menu closes and immediately reopens again. It can only be closed by clicking somewhere outside of the menu. This DOJO demonstrates this behavior.
Unplanned
Last Updated: 18 Mar 2024 12:55 by ADMIN
Created by: Michael D
Comments: 6
Category: Date/Time Pickers
Type: Bug Report
0

The different Date/Time Pickers contain of an input field and a button that opens a calendar view in a popup. Usually, the background color of the button changes when it is clicked. In Firefox, nothing happens, because it seems to block the :active pseudo class. This DOJO demonstrates the behavior.

In other, similar input widgets like the NumericTextBox, this problem does not occur, because the .k-selected class is set on the button instead. Still, Firefox blocks the :active pseudo class.

Unplanned
Last Updated: 18 Mar 2024 12:16 by ADMIN
Created by: Michael D
Comments: 4
Category: Toolbar
Type: Bug Report
0

The Typescript definitions for Kendo UI define the kendo.ui.ToolBarOpenEvent as follows:

interface ToolBarEvent {
        sender: ToolBar;
        preventDefault: Function;
        isDefaultPrevented(): boolean;
}

interface ToolBarOpenEvent extends ToolBarEvent {
        SplitButton?: JQuery | undefined;
}

The event is also documented that way in https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/events/open. However, the corrersponding method in kendo-toolbar.js:446-453 does the following:

open: function (e) {
    var isDefaultPrevented = that.toolbar.trigger(OPEN, { target: element });
    if (isDefaultPrevented) {
        e.preventDefault();
        return;
    }
    that.adjustPopupWidth(e.sender);
},
Therefore, the SplitButton property is never set, instead, target can be used.
Unplanned
Last Updated: 18 Mar 2024 10:54 by ADMIN

The Kendo-UI Grid supports the concept of locked columns that are always on the left side of the screen (in a non-RTL-world) and do not scroll. This makes it necessary to split the underlying HTML-table into two parts (one is locked and one is not). Kendo-UI takes care of syncing the height of the rows between those two tables.

However, if there are empty cells in the locked part, this logic produces results that make the row grow larger (higher) than if there was content. This DOJO demonstrates the behaviour. Using the Browser's DEV-Tools, you can see that rows without content in column A are 37px high, while those with content are only 36px high.

Unplanned
Last Updated: 18 Mar 2024 09:48 by Bradley

Bug report

In the TreeList, the row colors are not consistent with other technology divisions, e.g. Angular. With the Classic Silver theme, the rows are not consistent regarding the alternating background colour approach. Additionally, in the Default theme, the rows are not as differentiated as they should be by design.

Note: the issue appears to be related to the k-treelist-group class on the elements in the TreeList.

Workaround: https://dojo.telerik.com/ORIjOcAB/3

Reproduction of the problem

  1. Open the TreeList Overview demo with Classic Silver theme.

Current behavior

The rows' background color are not consistent in regard to alternative background colors.

Expected/desired behavior

The rows' background colors should be consistent with the design.

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all ]
Unplanned
Last Updated: 18 Mar 2024 09:47 by ADMIN

The dropDownList supports several keyboard shortcuts as documented in https://demos.telerik.com/kendo-ui/dropdownlist/keyboard-navigation. However, when e.g. a KeyDown event is triggered (and handled) by the widget, its propagation is not stopped. This behavior can be witnessed in this DOJO.

In our case, we e.g. use dropDownLists inside dialog windows that can be closed via ESC. When pressing ESC while a dropDownList is focused, this not only closes the dropDownList (as expected), but also closes the dialog.

The dropDownList should stop the propagation of events that it handled.

Unplanned
Last Updated: 18 Mar 2024 09:40 by ADMIN

In case you are using a chart with the following configuration:

$("#chart").kendoChart({
  series: [{
    type: "radarLine",
    missingValues: "gap",
    data: [1, null, null, null, 5]
  }]
});

There is no line between the last and the first data point of the series.

But when the 2nd and 4th data points are set as well, this connection is added:

$("#chart").kendoChart({
  series: [{
    type: "radarLine",
    missingValues: "gap",
    data: [1, 3, null, 3, 5]
  }]
});

Expected behaviour: As the chart displays a "circle", all data points next to each other should be connected in case they are having a value.

 

The same issue can be seen in this DOJO, where the fifth data point is not connected to the rest of the points. This only happens if "missingValues" is set to "gap".

Unplanned
Last Updated: 18 Mar 2024 09:24 by ADMIN

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.

However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:

  • .k-button::before
  • .k-list-item

Is this a bug or did I understand the meaning of $enable-transitions wrong?

Need More Info
Last Updated: 18 Mar 2024 08:13 by ADMIN
Created by: Michael D
Comments: 7
Category: Kendo UI for jQuery
Type: Bug Report
0

In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).

The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:

Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.

Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.

Unplanned
Last Updated: 18 Mar 2024 07:50 by Gaurav

Bug report
SpreadSheet does not apply borderBottom correctly for last row

Reproduction of the problem

Dojo - https://dojo.telerik.com/UGABAnoR

Current behavior
Border is applied at the first row for the next column

Expected/desired behavior

The border shall be applied at the bottom at A2000


Environment
Kendo UI version: [all]
Browser: [all ]

Unplanned
Last Updated: 18 Mar 2024 07:45 by Peili
Created by: Peili
Comments: 0
Category: Spreadsheet
Type: Bug Report
0

Bug report

When values are pasted in the Spreadsheet if the cell is not empty the previous format is taken into account

Reproduction of the problem

  1. Open the Dojo - https://dojo.telerik.com/@NeliK/IniJunuZ
  2. Paste content that contains different formats such as dates and numbers (sample file attached)
    test_format.xlsx
  3. Paste the content two times as the second time the number column should be pasted over the column that has dates

Current behavior

The number column is formatted as date - screencast(https://somup.com/cZeoodChyH)

Expected/desired behavior

The current format should be applied to the pasted data.

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all ]
Completed
Last Updated: 17 Mar 2024 23:50 by Ripal

Bug report

When a recurring event is created in a Scheduler and the id is not set to the event, then if the event is deleted an error is thrown in the console.

Reproduction of the problem

  1. Open the Dojo example.
  2. Create a new recurring event
  3. Remove the event:
    3.1. Select the 'Delete current occurrence' option
    3.2. Select the 'Delete the series' option

Current behavior

3.1. 'kendo.all.js:311085 Uncaught TypeError: Cannot read properties of undefined (reading 'startTimezone')' is thrown
3.2. 'Uncaught TypeError: Cannot read properties of undefined (reading recurrence exception)' is thrown in the console

Expected/desired behavior

There should be no errors in the console although the deleted event is without id being set. There could be some more descriptive message.

Environment

  • Kendo UI version: 2022.2.802
  • Browser: [all ]
Pending Review
Last Updated: 15 Mar 2024 15:10 by Ming

Reproduction of the problem

  1. Follow the steps described in the link here - https://github.com/telerik/kendo-ui-core?tab=readme-ov-file#building-kendo-ui-core
  2. Create a custom script for validator npx gulp custom -c validator
  3. Try to load the script and create the components

Current behavior

The validator is not working, error is shown

jQuery.Deferred exception: $(...).kendoNumericTextBox is not a function

Expected/desired behavior

The components should work as expected when custom script is created


Unplanned
Last Updated: 14 Mar 2024 11:26 by ADMIN
Created by: AGB
Comments: 5
Category: Grid
Type: Bug Report
2

Hiding the first column in Grid will show a 2 pixels left border instead one.

Dojo Sample to replicate the issue: https://dojo.telerik.com/ubaLiYEN

Steps:

1. Hide the first column (OrderID) from the Column Menu.

2. Notice the doubled left-border on the left hand side of the Grid.

Completed
Last Updated: 14 Mar 2024 09:11 by ADMIN
Release 2024 Q2

Bug report
Row filter Clear icon does not clear the autocomplete in Grid since 2022.1.119

Reproduction of the problem
Open the demo: https://demos.telerik.com/kendo-ui/grid/filter-row

Type V in the Ship Name filter input, then click the clear button (X).
It will toggle the mode and display the Filter clear button outside of the autocomplete edit box but will not clear the filter.



Expected/desired behavior
AutoComplete shall be cleared

The issue is introduced with 2022 R1 (2022.1.119)
Environment
Kendo UI version: 2022.1.119 or above
Browser: [all]

Unplanned
Last Updated: 14 Mar 2024 09:00 by Barbara

Bug report

If the snap option is set at runtime the drag hint of the events starts having wrong height.

Reproduction of the problem

  1. Open the Dojo - https://dojo.telerik.com/@NeliK/ilaziJEr
  2. Try to disable and enable the Switch at the top ( you may need to disable and enable multiple times)
  3. Drag the event

Current behavior

After changing the snap option at runtime as a result the drag hint height is correct when the snap is set to false, but it has wrong height when the snap is enabled.

Expected/desired behavior

The drag hint should have the same height as the dragged event.

Workaround

move: function(e){
				
          var dragHintEl = $('.k-event-drag-hint')
          var dataUid = $('.k-event-drag-hint').attr('data-uid')
          var event = $('.k-event[data-uid="'+ dataUid +'"]:not(.k-event-drag-hint)')         
          var height = $(event).height()
          $(dragHintEl).height(height)

        },

Dojo - https://dojo.telerik.com/@NeliK/aZArEdof

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all ]
Unplanned
Last Updated: 14 Mar 2024 06:45 by Nagababu
Created by: Nagababu
Comments: 0
Category: Globalization
Type: Bug Report
0

Bug report

The toLocaleDateString for the ko-KR culture returns a date in format "yyyy. MM. dd", while the kendo.culture.ko-KR.js contains short date pattern 'd' as yyyy-mm-dd

Reproduction of the problem

  1. Open the Dojo example - https://dojo.telerik.com/@NeliK/igaGIxoQ

Expected/desired behavior

The format for the ko-KR culture should meet the local format. The kendo.culture.ko-KR.js should be updated accordingly.

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all ]
Completed
Last Updated: 13 Mar 2024 15:34 by ADMIN
Created by: Support
Comments: 0
Category: Grid
Type: Bug Report
0

We are using the columns.filterable.ui to initialize a kendoTextArea, if we write something and use the enter key to filter the value is ignored. 

Example:

https://dojo.telerik.com/iSElEkUL 

1 2 3 4 5 6