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.
*** Feature Request created by Telerik by Progress staff ***
This feature request will allow developers to set inputmode to components like NumericTextBox, DatePicker, and etc. Making mobile users experience better as it will require the Virtual Numeric keyboard to be opened instead of the default that includes letters.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
As at this current time the developers are required to select the element using querySelector and setAttribute as demonstrated in the following demo with DatePicker:
https://stackblitz.com/edit/angular-qlnyzv?file=app/app.component.ts
This functionality is requested in the following threads:
https://github.com/telerik/kendo-angular/issues/3076
Ticket reference - 1486073, 1493791, and 1541636.
https://stackblitz.com/edit/angular-mqywpa?file=src%2Fapp%2Fupload.component.ts
When using kendoTooltip directive on the upload component - tooltips are positioned in invalid position somewhere on the app.
cancel, delete, retry tooltips.
When typing into the Angular Datepicker on iOS devices, the page scrolls unexpectedly after entering the first character of any date part (day, month, year). The scroll occurs on each subsequent character input (2nd, 3rd, etc.), making it difficult to use the input field.
Steps to Reproduce:
- Open a webpage with a Kendo UI Datepicker on an iPhone (iOS v16+, any model). Ensure the datepicker is positioned far enough down the page that scrolling is required to reach it. Example can be seen at https://angular-v7j3ag.stackblitz.io/
- Focus on the Datepicker input field.
- Enter a date manually using the on-screen keyboard.
- After typing the first character into any date part, the page behaves normally, but it scrolls up to the top of the page on subsequent character inputs.
Expected Behaviour: The page should remain in place when typing, allowing smooth input without scrolling.
Observed Behaviour: The page scrolls up after entering the second character of any date part (day, month, or year) and continues to do so on each further input.
Reproduction: The issue was recreated using Kendo's own Datepicker example (with added spacing to demonstrate the scroll behaviour). https://stackblitz.com/edit/angular-v7j3ag
Affected Platforms:
- All iPhone models (tested 11 - 15) with iOS v16+ (reproducible on Safari and Chrome browsers).
- Does not occur on desktop or Android devices.
Additional Notes:
- A video demonstrating the behaviour is attached.
- This has been reproduced on both BrowserStack and physical iPhone devices.
I couldn’t find an existing bug report related to this issue, so I would appreciate it if you could confirm whether this has been reported or provide further guidance.
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
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.