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 10:46 by ADMIN
Created by: Michael D
Comments: 4
Category: Kendo UI for jQuery
Type: Feature Request
1

The Kendo UI Popup's "collision" option allows to specify how its positioning algorithm should handle situations where there is not enough space. When "collision" is set to "flip" and there is not enough space to display the popup where it was configured to be displayed (via origin and position), it flips to the other side of its anchor (documented here). If there is no space on the other side either, it flips back to the original position.

I've created an example situation where this happens in this DOJO. You might have to resize the browser window a bit to make the content on either side of the input smaller than the popup's width. As you can see, the position of the popup now is the least fortunate one:

  • It would make more sense to flip, despite there being not enough space, because more content could be displayed on the left side than on the right side.
  • It would be even better if the popup detected that neither sides provides enough space and instead reduced its size - the size is not fixed but determined by the content.

One might think I could set the popup's width to "min-content" via CSS to force wrapping, but this always wraps the content and wherever possible. Is there any way to make the popup's content wrap, but only if necessary?

Unplanned
Last Updated: 18 Mar 2024 10:36 by ADMIN
Created by: Michael D
Comments: 3
Category: Kendo UI for jQuery
Type: Feature Request
1

The popup widget provides a setOptions() method that allows to update the options after initialization (as documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/methods/setoptions). However, setOptions does not update the collision settings. This can be witnessed in the following DOJO: https://dojo.telerik.com/UbiKumIg.

When reducing the window size until the popup is forced to change its position, it still uses the "fit"-behavior, although setOptions() has been called with "fit".

A quick check in the sources revealed that the widget caches the collision settings internally in a form that is easier to work with than the configuration string. However it is never updated on setOptions().

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?

Unplanned
Last Updated: 18 Mar 2024 08:16 by ADMIN
Created by: Michael D
Comments: 5
Category: Toolbar
Type: Feature Request
2

Many Kendo UI Widgets support enabling/disabling animations via their options. In our case, we always disable them. As of R1 2023, the toolbar widget does not support customizing or turning off animations and always slides in/out the options of splitButtons or the overflow menu.

To maintain a consistent look&feel, disabling animations should by supported by the toolbar as well.

Do you have any suggestions how this could be fixed in the meantime?

   
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 ]
Unplanned
Last Updated: 15 Mar 2024 07:26 by Makarand
Created by: Makarand
Comments: 0
Category: Spreadsheet
Type: Feature Request
1
Add support for grouping Korean letters as one word within the Spreadsheet.
Unplanned
Last Updated: 14 Mar 2024 23:51 by Holger
When using a grid against a large table with server side filtering (ToDataSourceResult)

ToDataSourceResult builds a SQL query that converts the search string to UPPER() and therefore prevents the database from using its indexes. As SQL comparison is case insensitive that LOWER() is unnecessary.  

As we have may grids where this is an issue it would be time consuming to build out manual filters for each grid instead of using ToDataSourceResult

This was discussed here and there was no solution at the time:

https://www.telerik.com/forums/grid-filtering-on-text-using-lower-in-sql

I would liek to request an option to tell ToDataSourceResult() not to use LOWER() in the sql?

See ticket #1339310
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.

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 ]
Unplanned
Last Updated: 13 Mar 2024 13:20 by ADMIN
Created by: Michael D
Comments: 4
Category: Gantt
Type: Bug Report
0

As all grids, the kendo Gantt chart's rows change their color when hovering. However, the background overlaps the border between columns and makes them disappear for the hovered row.

You can reproduce the described behavior by hovering one of the rows in this DOJO.

Unplanned
Last Updated: 13 Mar 2024 12:59 by ADMIN

I have noticed that, after switching themes, the tooltips in our application do no longer work correctly. I was able to reproduce the issue in the following two DOJOs:

The only difference between those two is the stylesheet to be loaded (line 6).

Steps to reproduce:

  1. load the DOJO
  2. hover over the red dot (notice how the text uses all space available and does not get wrapped unless necessary)
  3. hover over the green dot 
  4. hover over the red dot again

In step 4, the correct behavior would be displaying the tooltip in the same fashion as in step 2. However, in the faulty DOJO, it can be seen that the tooltip does not expand past the width of the text that is displayed when hovering over the green dot. This means that when displaying long tooltips after short ones, they are always wrapped unnecessarily.

A way to fix this behavior (and what's actually the difference between the two stylesheets) is to set the position on the ".k-animation-container" back to its default value "static". Usually, this value is overridden by the output of the size calculations, but during the calculations this value comes to play.

This third DOJO demonstrates the fix described above.

Please note that when using the default-ocean-blue stylesheet, the positioning of the callout seems to be broken as well.

Unplanned
Last Updated: 12 Mar 2024 20:56 by Ribo

Bug report

In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/EWeVaQOc/12
  2. Try to scroll horizontally

Current behavior

Horizontal scrolling is slow

Expected/desired behavior

Horizontal scrolling should be smooth

Environment

  • Kendo UI version: 2023.3.1114
  • Browser: [all]
1 2 3 4 5 6