Bug report
An error occurs on components' initialization when using a custom Kendo UI build which includes PDFviewer
Reproduction of the problem
- Go to Kendo UI Custom Download page
- In the "WEB" section select random components including the Grid and PDFviewer
- Download the custom build(kendo.custom.min.js file) and put it in the same folder with an HTML file with the following structure.
<!DOCTYPE html>
<html>
<head>
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
<script src="./kendo.custom.min.js"></script>
</head>
<body>
<div id="example">
<div id="grid"></div>
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
template: "<div class='customer-name'>#: ContactName #</div>",
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
});
</script>
</div>
</body>
</html>- The following error appears:
Uncaught TypeError: Cannot read property 'Toolbar' of undefined
Current behavior
Expected/desired behavior
A Grid should be initialized properly and without errors if a custom build is including the PDFviewer
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [all]
Bug report
When a custom class attribute is set via the columns.attributes option, the TreeList renders an additional class that is undefined.
Reproduction of the problem
1. Initialize a TreeList.
2. Set a custom class via the attributes option:
3. Inspect the relevant "td" element
Dojo sample for reproduction:
https://dojo.telerik.com/IqApoGOz
Expected/desired behavior
The TreeList should render only the specified classes.
Environment
* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all]
Hi Team,
Sorry for the confusion. I don't know where to post this content issue I saw in your website.
Have a nice day :)
When a ContextMenu is opened for the first time, the animation is not executed. Every consequent open trigger the animation successfully.
The issue can be observed in the following Dojo.
Steps to reproduce:
- Open the ContextMenu and notice there is no animation.
- Open the ContextMenu again and notice the default animation is triggered.
In a grid with virtualization, when just normally scrolling down requests for the exact same data are often sent multiple times after each other. The reason for this is probably that the grid sends an asynchronous request for example Top 100, Skip 200 and then does not keep track of that it is still waiting for a reply for this request, before asking for the same data a short period later.
Commonly requests for the same data is made 2 or 3 or more times after each other, causing performance problem at the server side and in many cases unnecessary calls to the database. Fixing this should lower the number of requests for data to the server considerably, maybe with a factor two or more with just normal grid operation when the user is just scrolling down to view more data in the grid.
To demonstrate the problem, open a copy of the virtualization grid demo, for example here:
https://dojo.telerik.com/iXijoyaY
Open the Developer Tools and just observe which network requests are sent to the server. Just scroll down in any way and observe that very often the exact same request is made. A request for the same data has the same Top and Skip values in the parameters sent the server. You can see the servers reply is exactly the same JSON data multiple times after each other.
Solving this performance problem almost completely would seemingly be to in a variable just keep track of the "Latest request" sent, since the problem happens mostly just with normal scrolling in one direction with request sent after each other. So one would need to keep track of that a call for Top 100, Skip 200 has been made, and if the program wants to request the exact same data again, just wait for a reply for the first request, instead of sending a new one. (If needed, send a new request only after a specific timeout for a reply for the first one).
A more thorough solution would be to have a data structure to keep track of the Top and Skip tuples for all the calls to the server that has not yet have had a reply from the server, and not repeat those exact same calls again if still waiting for a reply for the first request.
He have created this dojo to illustrate our point.
https://dojo.telerik.com/@navdeep316/iKAmeDAv
We would like to be able to be able to clone options from the top options and subsequently to be able to edit any cloned (child) option.
We are unable to figure out a way so that the child/cloned dropdowns can change state.
Is it a bug or a feature? How can we achieve our aim?
Thank you so much,
Dimitris
Bug report
When the filtering mode of the grid is set to "row" and the filter is programmatically cleared, the "Clear filter" button does not hide.
Reproduction of the problem
Set filterable: {mode: "row"}.
Filter for instance "Is null" or "Is not null".
Clear the filter - $("#grid").getKendoGrid().dataSource.filter({});
The "Clear filter" button is not hidden
sample Dojo:
https://dojo.telerik.com/AVOqifeK
If there is text in the filter's input, the button is hidden.
Expected/desired behavior
Hide the "Clear filter" button, irrespectively whether the filter has been cleared programmatically or via the UI.
Environment
Kendo UI version: 2019.1.220
jQuery version: 1.12.4
Browser: [all]
Video: https://www.youtube.com/watch?v=8pnFjgzdaJ8&feature=youtu.be
1. Navigate to: https://dojo.telerik.com/@milena/uZaGuZol (open the dojo sample in edit mode, but not in FullScreen)
2. Scroll Grid to the last item.
3. Open for editing ProductName cell.
4. Open for editing Discontinued cell.
Result: 'Discontinued' cell of the second item will be opened for editing.
Expected: 'Discontinued' cell of the last item should be opened for editing.
https://dojo.telerik.com/aPAcUDuc/2
open new window using the button, and close all window one by one, then see that k-overlay is still stay in page
Bug report
The workbook exporting to Excel generates a corrupted file when the name of some of its sheets contains a "cell-related" value - for example, "A1", "G5", "F45", etc.
Reproduction of the problem
- Open this Dojo project and run it
- Save the exported Excel file and open it.
Current behavior
When the saved file is opened in Excel, a "corrupted file" warning appears on the screen.
Expected/desired behavior
There shouldn't be any warnings when opening a saved workbook
Environment
- Kendo UI version: 2019.3.1023
- jQuery version: x.y
- Browser: [all]
If the delete rows button is used on a table that is followed by another table, and all the rows from the first one are deleted, the next table receives focus. Upon clicking the delete row button again, an error is being thrown "Cannot read property 'rows' of undefined".
The issue can be reproduced with the Basic Usage Demo::
- create a table
- create a table immediately following the first
- focus the last row of the first table and click the 'Delete row' button until all rows are deleted.
- Click the 'Delete row' button again.
Reproduction steps:
1. Open column menu
2. Using arrow keys, go to Filter menu item.
3. Hit right arrow to open Filter submenu
4. Tab through filter submenu
5. Hit escape.
Expected behaviour: Filter submenu closes and focus returns to the parent column menu
Actual behaviour: Both filter and column menu are closed.
Snippet: http://dojo.telerik.com/@gearoidj/iqiwUCEp
This is an issue for accessibility users - there doesn't seem to be a way to return to the parent filter menu using the keyboard without closing all menus and reopening them.
There is one way for it to occur, and that is to use the mouse to place the focus on the Filter menu background - in this case hitting escape will close the Filter menu and focus will be returned to the parent column menu. However this is impractical for an accessibility user who is relying solely on keyboard navigation.
An example of where this (mostly) works is on the Columns submenu - the user can use the left arrow key or Escape to close the child menu or alternatively keep tabbing and they will eventually return to the parent menu (though if they do tab within the child menu, hitting Escape will close both the child and parent menus).
I am currently experiencing an issue between the Kendo ContextMenu and the Kendo EditorFor. When I open the ContextMenu inside of the EditorFor it display offset relative to the cursor, both the left and top values are completely incorrect relative to the editor.
Attached you will find a solution where this issue has been replicated, I removed the scripts folder in order to keep the file size small. I hope this can be fixed soon.
Dear staff,
I am working extensively with Kendo UI Drawing API, specifically with drawDOM and exportPDF methods. I encountered a strange issue, which leads to the generation of corrupt PDF files.
After several attempts to analyze the problem, I found a small piece of code that allows to systematically reproduce the issue. You can find the code as attached.
Opening the example page with Chrome browser I got a corrupted PDF file, while Internet Explorer seems to generate a valid PDF file starting from the same source page.
Checking with an online PDF validator, the file generated by Chrome exploits this validation error:
“The content stream contains an invalid operator.
The operator has an invalid number of operands.”
I’m not skilled with PDF internals, but comparing the valid file of IE and the invalid file of Chrome, I noticed that an “infinite” value appears in the invalid PDF.
The row in the valid PDF is “1 0 0 -1 -9494.7900391 -9965.5996094 cm“, while the same row in the invalid PDF is “1 0 0 -1 Infinity Infinity cm”.
I noticed that the presence of an “Infinite” value is the common behavior whenever the corrupt PDF problem occurs.
1 - when use bootstrap v4 theme, ddl does not handle long names gracefully, please find in attachment example in bootstrap v4 & silver themes, also here are the dojo exaples
v4: https://dojo.telerik.com/
silver: https://dojo.telerik.
2 - for grid and separate controls validation message has diff view
https://dojo.
should be the same
When using a grid with locked columns if the unlocked area is scrollable once scrolled horizontally the resize handle keeps it's original absolute positioning and doesn't respect the change in scroll.
When hovering over the edge of the column I can no longer see the resize handle. I can hover to the left where it would have been with no scrolling and then see it.
On DOM inspection I see the event to update the handle's position STILL FIRES when hovering the edge of a column header, but the position is based on scrollLeft() === 0.
I will assume the needed left position for each column is calculated on creation but is not re-calculated for horizontal scroll.
This can be reproduced in the live demos on Telerik's site.
https://demos.telerik.com/kendo-ui/grid/frozen-columns
Bug report
Reproduction of the problem
Dojo example.
Current behavior
The mobile material theme does not apply specific styles to a button that has the "km-primary" class. Compare to the Nova mobile theme, which does have specific rules that use ".km-primary" selector.
Expected/desired behavior
CSS rules that use the ".km-primary" selector should be added to the theme.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: [all]
dojo: http://dojo.telerik.com/UMuRaBax/3
Steps to reproduce:
1. Run the dojo, let the comobox list load and let it select the default item ('Oulu' in this case).
2. start typing 'Madrid' in the input field of the combobox.
3. press Tab key and observe behavior.
The following typings are missing in @types/kendo-ui version 2019.3.0
- kendo.data.TreeListModel has no parentIdField
- kendo.ooxml.WorkbookSheetRow has no property "type"
- kendo.ui.PanelBar has no dataSource
- kendo.ui.DatePicker has no dateView (it's used in https://docs.telerik.com/kendo-ui/knowledge-base/datepicker-show-quarterly-frequency )
- kendo.ui.EditorEvent has no keyCode
- kendo doesn't expose kendo.wheelDeltaY()
- kendo.data doesn't expose "binders" (filed at https://github.com/telerik/kendo-ui-core/issues/4049 )
Hi,
I'm not sure this will be a bug in your mind but I just wanted to make sure I understood how things work. We have a grid definition which includes the dataSource.schema.model definition. One of the fields (TradeDate) in the schema has a type = "date". In addition, we assign local json data to the "data" property of the dataSource. Our JSON data comes in with dates in the ISO format (a string with the "T" in it). When the grid is initially created everything works fine. We notice that the TradeDate field in the dataSource.data() is converted to an actual javascript date. I assume this is happening because of the schema definition. Later we retrieve new data via an ajax call and apply it to the grid using the grid.dataSource.data(newJson) command. However this does not seem to process the TradeDate field and convert it into a real javascript date. This causes problems because we have filters applied based on the TradeDate. It works fine the first time but fails any time the data is refreshed (because the field value is a string). We tried the schema.parse function but that also is only called the first time. Ultimately we coded the grids "dataBound" event and everything worked. It gets called each time the data is refreshed. I was just wondering if I could be doing something differently so that the schema handled the conversion all the time.
self._grid = grd$.kendoGrid({
columns: [...],
dataSource: {
schema: {
model: {
id: "somekey",
fields: {
NewTradeFlag: { editable: false },
TradeDate: { editable: false, type: "date" },
...
}
}
},
data: self.ViewModel.DisplayData.TransactionData
}
...
})
Later on we do this
self._grid.dataSource.data(newJsonData);
P.S. we originally were using MVVM binding straight to the ViewModel but that didn't work either.
Thank you in advance, Jim.