The Kendo UI Editor widget comes with a tool formatting tool that can be activated using the tools option. It renders a dropDown with different entries representing the supported formatting styles. As you can see in this DOJO, the entries are overly large. This comes from a syntax error in the inline style applied to the span inside the .k-list-item-text DOM element (display: inline-block#; instead of display: inline-block;) This causes the browser to ignore this line and leads to broken styling. Fixing the syntax error in the browser console fixes the styling issue.
Bug report
When adding a new item in the ToolBar it is aligned on the right and before the overflow button.
Reproduction of the problem
- Open the API demo - https://demos.telerik.com/kendo-ui/toolbar/api
- Add multiple items (Button, SplitButton, etc.)
Current behavior
New items are added on the right side and are placed after the overflow button.
Expected/desired behavior
New items should be rendered next to the already existing items and before the overflow button.
The issue is a regression starting with 2023 R1 SP1 (2023.1.314) release
Environment
- Kendo UI version: 2023.1.314
- Browser: [all ]
Bug report
Navigatable Grid with hierarchy moves focus to the top parent row On click of horizontal scroll bar in child grid
Reproduction of the problem
Open the Dojo: https://dojo.telerik.com/OJAYoCak
- Expand the first parent row or second parent row to render the child records.
- Navigate the child rows downwards using vertical scroll and click the Horizontal scroll area of the inner grid (Red Rounded area).
- Control Focus immediately shifts to the top row and the user can’t use horizontal scroll to view the columns in the child grid.
Also, if the user initially clicks on any cell in the School Name column focus is moved.
Environment
Kendo UI version: [all]
Browser: [all]
grid.exportSelectedToExcel(true) is working for continuous selection ranges, displaying the header column and then the selected entries in the excel file.
However, when the selection is not continuous (for example, maybe I have the first row selected and the third row selected, but not the second), for every row that is selected it adds a new column header row.
I've included some screenshots as an example:
SELECTED ROWS IN GRID:
EXPORTED USING grid.exportSelectedToExcel(true):
I have testesd this on multiple versions, including 2023.1.314 and 2022.2.621
I would appreciate any assistance with this.
Thanks
Bug report
When the INDEX formula is used in combination with LINEST the Spreadsheet displays an empty cell. In case such formula is imported from Excel file '#VALUE' is displayed.
Reproduction of the problem
- Open the Dojo
- Observe the content of the cell with the pink background.
behavior when importing:
- Import the file in the Spreadsheet demos
LINEST_INDEX.xlsx
Current behavior
The content of the formula cell that includes LINEST and INDEX is empty. When clicking on the cell the formula is displayed in the formula bar. When importing the content in some cases the content is '#VALUE'.
Expected/desired behavior
The LINEST should work as expected in combination with the INDEX formula.
Environment
- Kendo UI version: 2023.1.314
- Browser: [all]
Bug report
When a template item is configured and overflow is set to 'always', the item remains in the main part of the ToolBar (not in the overflow popup). The item is displayed in the oveflow popup only if its text is long e.g. it behaves as its overflow option is set to 'auto'
Reproduction of the problem
- Open the Dojo
- Resize the rigth pane
Current behavior
The template item is rendered either in the main part of the ToolBar or in the overflow popup, based on the ToolBar`s width
Expected/desired behavior
An item with overflow set to 'always' should be displayed always in the overflow popup.
The issue is a regression starting with 2023 R1 (2023.1.117)
Workaround
The template element is rendered, but with the 'k-hidden' class. Remove the template from the configuration and set only the overflowTemplate. Subscribe to the overflowOpen event and remove the k-hidden class from the needed element:
overflowOpen: function(e){
setTimeout(function(){
$('.k-animation-container-shown .k-hidden').removeClass('k-hidden');
},500)
},
items: [
....
{
//template: "<div><label> Labels some text content text text text: </label><input id='labels' style='width: 150px;' /></div>",
overflowTemplate: "<div><label> Labels: </label><input id='labels' style='width: 150px;' /></div>",
overflow: "always"
}
]
Dojo - https://dojo.telerik.com/@NeliKondova/UMAvoDEg
Note: The explanation in the following api section should be revised, as the overflow could be set not only to buttons but to the other items as well:
Environment
- Kendo UI version: 2023.1.314
- Browser: [all ]
Bug report
Insert on a node's children when using index of 0, аppends item wrongly to PanelBar
Reproduction of the problem
Dojo: https://dojo.telerik.com/iruWAwoy
Click the Insert button to see where the item in the PanelBar goes.
Environment
Kendo UI version: [all]
I just upgraded to the latest version today.
kendoScheduler doesn't fire change event when in "Year" view.
This is really easy to duplicate. Select Year and it doesn't fire.
<!DOCTYPE html>
<html><head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.1109/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.3.1109/js/kendo.all.min.js"></script>
</head>
<body>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
views: [ "day", "month", "year" ],
selectable:true,
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
],
change: function(e) {
var start = e.start;
var end = e.end;
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(kendo.format("Selection between {0:g} and {1:g}", start, end));
}
});
</script>
</body>
</html>
Hi Support,
I have some issues with the copySelectionToClipboard Method for the Grid widget.
In the first one, the copy function of the table seems to have a problem with locked columns. In the dojo of the first problem the table headers are displayed shifted.
Secondly, grouped table headers are not copied. To see in the second dojo.
Lastly, it should be mentioned that the definition for the copy method is not included in the kendo-ui npm packet.
Problem 1:
https://dojo.telerik.com/OBOQemUm
Copy result in Excel:
Problem 2:
https://dojo.telerik.com/OBOQemUm/2
Copy result in Excel:
Best regards,
Jonas
See https://dojo.telerik.com/uLiNOsIT/2
Toggle Button 1 toggles but doesn't execute the command. Toggle Button 2 executes the command but doesn't toggle.
Please advise.
Incorrect role defined as "Link" for all the "collapsed/expand" button in the Scoring page. Screen reader announce like "enter table 3 by 9 link collapsed, table header Traces".
Correct role should be defined as button for all the "collapsed/expand" button. Screen reader should announce like "enter table 3 by 9 collapsed, table header Traces".
User Impact:
The Kendo UI Toolbar widget supports adding attributes to the created DOM elements of items via the various attributes options for items, splitButtons and buttonGroups. I wanted to use this feature for adding custom CSS classes to sub-items of splitButtons. However, this seems to stop the "k-item" and "k-menu-item" classes from being added to the "li" DOM element. The sub-item is no longer clickable. This DOJO demonstrates the behavior.
The problem can be fixed by re-adding those classes manually in addition to the custom CSS class.
I have not tested what happens when custom CSS classes are added to usual items or items in buttonGroups.
Hello,
In the documentation for the Kendo jQuery ToolBar, there is support listed for button group 'items.buttons.toggle' if the button is of type button and has 'togglable' set to true. However, it seems that if that button group is set to "overflow: 'always'" the toggle method stops functioning, even if the button is listed as togglable.
I've recreated the issue in this dojo:
https://dojo.telerik.com/OPebOsEC/5
Is the toggle method unsupported for overflow buttons? If so, I can't find any reference to that in the documentation.
Thanks!
Bug report
In a read-only AutoComplete, the X button clears the value of the component.
Regression introduced with R1 2022
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/OLEjaQIZ/2
- Click the clear button
Current behavior
The X button clears the AutoComplete's value
Expected/desired behavior
The button shouldn't clear the AutoComplete's value
Environment
- Kendo UI version: 2023.1.117
- Browser: [all]
Bug report
The value of a disabled DropDownList is not announced in the below screen reader -> browser combinations:
NVDA with Chrome
JAWS with Chrome
The value is correctly announced by NVDA in Firefox.
After testing the scenario with the ComboBox, the value was correctly announced in all screen reader -> browser combinations.
Reproduction of the problem
- Open this Dojo example in Chrome with JAWS/NVDA - https://runner.telerik.io/fullscreen/ERAxiqIy/3
- Click the Enable checkbox
- Select a value from the DropDownList
- Click the Enable checkbox again.
- Focus the Checkbox and press the down arrow key.
Current behavior
The screen reader announces the disabled state of the DropDownList, but does not announce its value.
Note - the value of the regular select element below the DropDownList is announced.
Expected/desired behavior
The value of the disabled DropDownList should be announced in the above mentioned combinations.
Environment
- Kendo UI version: 2023.1.117
- Browser: [Chrome]
When using the Kendo UI Toolbar widget together with the Tooltip widget, the following problem occurs:
In this DOJO, I have created a toolbar that contains a splitButton with several sub-items. The first sub-item has a title attribute that was set using the attributes option. The tooltip was configured to be active for all items with title attributes. As you can see, the active-styling is applied to the first sub-item as soon as the user hovers over it, although the item is not active an has not been clicked or executed in any other way. This does not happen for the other sub-items - they do not have any tooltips.
The wrongly added styles originate from the .k-active class that is added as soon as the tooltip becomes visible.
Bug report
Setting the columns.selectable to true does not override the selectable.mode when set to "single".
Reproduction of the problem
- Run this dojo
- Click on the header checkbox.
Current behavior
Only the checkbox in the first row is checked.
Expected/desired behavior
All the checkboxes on the page are checked
Environment
- Kendo UI version: 2023.1.117
- jQuery version: x.y
- Browser: [all]
Bug report
If you set a class through the items.attributes configuration in the SplitButton, the respective button is unclickable
Reproduction of the problem
- Open this example - https://dojo.telerik.com/IvakivUc/5
- Try to click the Item2 button
Current behavior
The button is unclickable
Expected/desired behavior
ТThe button should be clickable
Environment
- Kendo UI version: 2023.1.117
- Browser: [all ]
Hello!
In your dojo examples of your pdfViewer control you are loading pdf.js version 2.2.2 and with this setting you can select text inside the pdfViewer when the button "enable selection" is klicked.
https://dojo.telerik.com/eWUTEfeq
however, when i try to use the latest version of pdf.js (3.4.120) then the selection of text is not possible
https://dojo.telerik.com/IxuSuPuV
The last Version where it seems to work is pdf.js (3.1.81)
https://dojo.telerik.com/OxANudAx
Is this a known Issue? i don't like the idea of having to use such an old version of a js-library. Is this Problem related to kendo or to pdf.js?
Kind Regards,
Benjamin