Dear Kendo-Supportteam,
We are experiencing an issue with the Editor component.
It turns out that setting the iframe input to false causes the paste event to be triggered twice.
Once as documented before the valueChange event and once seemingly as the native paste event after valueChange.
There are multiple issues resulting from this.
- Calling preventDefault on the initial event also does NOT prevent the native event from triggering directly after. Only the following events from the Editor itself are prevented.
- As the next event is the actual native event of type ClipboardEvent, the interface is different from what the type definitions suggest. Leading to errors, if the attached method tries to just call isDefaultPrevented on the event.
It is quite easy to reproduce this from your event demonstration examples by just setting the iframe input to false and maybe also trying to call isDefaultPrevented in the respective paste event handler.
Kind Regards,
Hannah
https://stackblitz.com/edit/angular-niog8n-eldomz?file=app%2Fapp.component.ts
Recurrency "End On" date in datepicker is different with RecurrencyRule's one.
Steps to reproduce:
open series from the example, set Recurrency's End selector to date option, set date to Sep 9th.
Actual result: recurrency rule contains UNTIL=20200910T000000Z.
Save and open series again: recurrency's End date is now Sep 10th.
Changing it to Sep 9th and saving brings no changes.
Hi, Team!
Currently, I am using the Column Menu functionality of the Grid component and would like to be able to set a default value/placeholder of the input fields in the Filter section.
Severity: Sev2
Environment (OS, Application, Versions):
OS: Windows11 (build 22631.3296)
Chrome Version 122.0.6261.129 (Official Build) (64-bit)
Chromium Edge Version 122.0.2365.80 (Official build) (64-bit)
AT (include version number):
NVDA Version 2023.3.4. (2023.3.4. 31265)
Jaws (Version 2024.2312.53)
Narrator (Version Win11)
Repro Steps:
1.Turn on NVDA screen reader.
2.Hit the Dropdowns Library - Overview | Kendo UI for Angular (telerik.com)
3.TAB till "AutoComplete" edit combo box and insert "C", suggestion list will expand.
4.Press down arrow key to navigate through expanded list.
5.Observe that NVDA is not announcing the available list items.
Actual Results:
NVDA is not announcing the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.
Expected Results:
NVDA should announce the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.
9991592_NVDA_KendoExternal.mp4
Hi,
We are in need of a lightweight timeline component. One that shows events grouped by date and/or time with the options to expend all the event if there are more then one on the same date.
A neat feature would be an action button on an event. This would greatly enhance the experience of the timeline.
We suggest something similar to this one: Clarity Design System - Documentation - Timeline
Our use case:
We have price lists that are published on x date and time.
To track a collection of price lists and events per price list chronologically, we need a timeline with (optional) actions per published event.
Kind regards,
Maikel
As a end user I should be capable of assigning my own accessibility attributes. right now I could see that input automatically mapping area-describedby from hint component.
Please do the needful.
As demonstrated by the example of the current version and its screenshot, the title of the legend is black when using a dark theme:
Legend - Chart - Kendo UI for Angular (telerik.com)
The rest of the text is white which leads me to believe that this is a bug. This issue is not present when using a light theme.
Provide a built-in Rating component similar to the jQuery Rating component:
Please provide built-in way to set attributes to the internal Input element. These can be HTML attributes like "autocomplete", "aria-describedby" and others, and also custom attributes if such are required.
Currently the only way to set attributes is programmatically, for example through a custom directive:
https://stackblitz.com/edit/angular-douddd?file=src%2Fapp%2Fapp.component.ts
Related feature request - https://feedback.telerik.com/kendo-angular-ui/1582022-set-area-describedby-and-area-labelledby-to-form-controls
It is really hard to check change log for every component you have. Why not implement common change log for all components.
I already talk to Carl Bergenhem (Product Manager for Kendo UI) about that, and he reply:
"
Great suggestion! I’ll sync this with our web site team and try to see if we can create something like this!
"
As picture says more then 1000 words, I attach propose solution.
https://stackblitz.com/edit/angular-botsaf?file=src/app/app.component.ts
The internal element has a calculated width - but it only grows in value if slider width changes (responsive or even in CSS with media queries etc).
It permanently stays at the largest size.
Test Environment:
Windows 11 Enterprise 22H2 22621.1848.
Narrator
Microsoft Edge Version 114.0.1823.79
Repro steps:
- Open link https://www.telerik.com/kendo-angular-ui/components/grid/examples/filter-all-columns/?theme=default-main&themeVersion=6.4.0
- Run Narrator
- Tab to the table present.
- Tab to the column header "Contact Name" and move to the column menu present and press enter
- check if the screen reader is announcing the column menu is expanded.
Actual Result:
When pressing enter on the column menu present beside the "Contact name" column header of the table, Screen reader is no announcing the state of the the column as it is expanded or collapsed because of the role set as link.
Expected Result:
When pressing enter on the column menu present beside the "Contact name" column header of the table, screen reader should be announcing the state of the column menu as it is expanded or collapsed, role should be set as button with expand collapse functionality.
Spreadsheet control as a separate component, or Grid control updated for AutoCOmplete and drag fill capabilities
Cannot copy-paste date between 2 datepickers. Found issues:
- Cannot select whole date by mouse. Now it's reset to select only one date part by mouse. Current workaround: clicking Ctrl+A with keyboard.
- Similar: I think selecting whole date should be a default behavior when I click datepicker by mouse, because after keyboard navigation by TAB the whole date is selected by default. No selection after clicking is also applicable (as it's done for standard input type="text").
- Similar: cannot select whole date by mouse with double click (expected behavior for inputs).
- Related issue: navigating by TAB across datepickers is too long. Because date parts are also "navigated". E.g. to navigate by TAB between 2 datepcikers I need to press TAB 4 times! If I have more datepickers, navigation is too annoying.
- Minor: cannot drag&drop dates between datepickers.
Can be reproduced in any Kendo example (and browser) on the documentation site.
Kendo version :
@progress/kendo-angular-buttons: 5.4.1
How to reproduce :
- Add a kendo dropdown button with some items
- Use appendTo='component' popupSetting
- Bind itemClick and close events
Stackblitz example : https://stackblitz.com/edit/kendo-dropdownbuttons-keyboardnavigation?file=app/app.component.ts
What happens :
- If you use arrows to navigate through items, is always skip one item.
- If you use enter or space to select item, the popup close and reopen immediately.
- If you prevent close as in the stackblitz example : enter and space will fire twice the itemClick event.
When setting the [zoom] value in TypeScript the drop down value does not reflect this and remains at the default of 125% even though the PDF is zoomed in/out.
Adjusting the zoom level using the buttons then "corrects" the issue and it displays the right value.
When printing directly from Angular PDF Viewer results in a blurry printed PDF document. Downloading to PDF and printing does not affect the document
There appear to be no decent solutions for PDF viewing in Angular in handling viewing of downloaded PDF files that works intelligently and consistently across all desktop and mobile browsers, and supports navigation, saving, and printing. 1. The Angular Kendo Report Viewer is limited to Telerik reports generated using the Telerik Report web infrastructure and doesn't handle PDFs from other sources. 2. There is an open source Angular viewer, that provides reasonable viewing and navigation, but doesn't support save to file. or print. https://github.com/VadimDez/ng2-pdf-viewer 3. Syncfusion have a very nice Angular PDF viewer, but requires buying there whole Angular suite. https://help.syncfusion.com/angular/pdfviewer/getting-started A Kendo Angular PDF Viewer Component
I need an Angular control works pretty much like Kendo-JQuery Autocomplete control or Telerik Asp.Net Auto Complete text box.
I understand that Kendo-Angular currently have an "auto complete" control based on a dropdown. However, it is missing some core features I am looking for:
1. It needs to accept multiple inputs.
2. It needs to eliminate unmatched results based on user input.
3. It needs to call a server side API to get the available items dynamically after input changes.
The current Kendo-Angular AutoComplete MIGHT have the 3rd point since I have not yet to try with all the events, but I am pretty sure that the first 2 points are not there. If they do exist, please provide demo or documentation link.
Thank you.
The alternating grid rows got k-table-row-alt
.k-table-row-alt
.k-table-alt-row