https://stackblitz.com/edit/angular-pxppfk-s4ix7b?file=tsconfig.json
Change target in tsconfig in this stackblitz to targer es2022 to recreate bug
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.
Hello Progress Software Corporation,
We currently have an issue with the Date Input (Calendar) KendoUI Angular component. We need to use the selection mode "multiple" when selecting a full week. When the component loads, it's possible to select a full week with no issue but once you start to play around with the infinite scroll, then another week is selected instead of the desired one. The bug can be reproduced directly in the example provided in your documentation.
https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/multiple-selection/
For example,
- Try to select a full week. It works.
- Do the same with the next week
- Now scroll to the next month and repeat 1 and 2
- Repeat 3
Repeat this process for more than 4 months and you will see the bug where the selection of the full week jumps to a completely different month.
Kind regards,
Rodrigo Rosenblüth
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
The inner circle of radio buttons are incorrectly scaled/positioned in Bootstrap themes. The radio buttons in bootstrap theme are by default dependent on "rem" unit. For applications, that specify different base for "rem" unit, than 16px, it is possible to naturally override dimensions of the radio button without any specific overrides.
In example application, the following points are important:
1. :root specifies font-size=24px. So 1rem=24px.
2. Radio buttons uses size="small". The width and height then defaults to 0.75rem=18px.
Important note, is that the wrong positioning of inner circle is most visible when scaling down the browser view. There is offset by 1px to the sides. The image in the attachments is screenshot from the application and demonstrates the offset in pixels from the sides. The first number above the radio button is the offset of the inner circle in pixels from the left, the second number after "/" is the offset of inner circle from the right.
This issue appears only if the dimensions are being increased/decreased in respect to the default "medium" size. If the radio button is scaled using "scale" CSS function, then the scaling is correctly preserved. Also I didn't notice any problem for the "medium" sized radio button in any browser view. The root font-size might not be important for bug to be reproducible, but inconsistencies are then more visible.
After updating to Angular version 17.3.0 the TabStripComponen throws errors:
- Error: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
- Error: Cannot read properties of undefined (reading 'filter')
The problem can be reproduced using this StackBlitz sample: https://angular-baaosj.stackblitz.io
VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
at NoneEncapsulationDomRenderer.setAttribute (http://localhost:4200/vendor.js:119479:10)
at AnimationRenderer.setAttribute (http://localhost:4200/vendor.js:62816:19)
at setElementAttribute (http://localhost:4200/vendor.js:85461:14)
at elementAttributeInternal (http://localhost:4200/vendor.js:85452:3)
at ɵɵattribute (http://localhost:4200/vendor.js:93158:5)
at TabComponent_HostBindings (http://localhost:4200/vendor.js:249798:98)
at processHostBindingOpCodes (http://localhost:4200/vendor.js:84508:9)
at refreshView (http://localhost:4200/vendor.js:86192:5)
at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
at refreshView (http://localhost:4200/vendor.js:86171:5)
at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
at refreshView (http://localhost:4200/vendor.js:86171:5)
at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
at refreshView (http://localhost:4200/vendor.js:86171:5)
when click kendo slider increment or decrement tile it's moving two small steps.
My case instead of moving two steps, one step need to move
When virtual is true for a multiselect and checkboxes are set to true, there is a bug which results in multiple items being selected.
To reproduce, one needs to scroll down a long list of items. The amount to scroll seems random but might have something to do with the itemHeight setting. When clicking directly inside the checkbox, two items are selected at once - the item selected, and one other seemingly random item. This does not happen if the click selection event happens inside the item, but not the checkbox.
I have reproduced this inside this code sandbox: https://codesandbox.io/p/sandbox/mystifying-shirley-2qxn32
Currently angular will fail builds due to type check if kendo-timepicker value is null/undefined.
It requires it to always be a date - making it impossible to have initially empty values or to even reset the selection/value and show a placeholder.
Even the documentation for placeholder says:
Specifies the hint the TimePicker displays when its value is `null`.
private _value: Date = null;
@Input() public set value(value: Date)
But the input does not allow this. Even the property is defined in a way that would fail type checks in any newer angular project (strict mode is the default).
The only workaround currently is to disable type check with $any()
Using the Editor component with Form Support, if I choose the style Heading 1 and type some letter.
I clean the value using only backspace key on the keyboard and the value of the form control is <h1></h1>.
This is reproductible on the demo : https://www.telerik.com/kendo-angular-ui/components/editor/forms/#toc-template-driven-forms
- Choose Heading 1 style
- Type AAA
- The form value = <h1>AAA</h1>
- Clean the value using backspace
- The form value = <h1></h1>
Expected result
- The form value should be empty
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
Severity: Sev2 (High)
Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000
Pre-Requisite: Set browser zoom level to 400% and display resolution: 1280x1024 (or) In dev Tools set the resolution to 320*256.
Repro steps:
1.Open URL: http://www.telerik.com/kendo-ui in edge browser.
2.Navigate to 'Kendo UI for Angular ' tab item and invoke it.
3.Navigate to the Angular chart control and invoke it.
4.In left navigation pane click Scatter control under 'series types'.
5.Navigate to 'Scatter Plot Chart'.
6.Verify whether X-axis is getting overlapped while resizing the page upto 400% of zoom or not.
Actual Result:
X-axis is getting overlapped while resizing the page upto 400% of zoom.
Expected Result:
X-axis should not get overlapped when browser zoom level set to 400%.
Severity: Sev2 (High)
Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000
Pre-Requisite: Turn on NVDA/Narrator.
Repro steps:
1.Now turn on NVDA/Narrator
2.Open this url "app.component.ts - nodebox - CodeSandbox".
3.Tab till preview tab which is present at right down corner.
4.Tab till quick filter input box and press enter.
5.Observe that NVDA/Narrator is not announcing Search results whether result is found or not.
Actual Result:
Narrator/NVDA is not announcing Search results whether result is found or not.
Expected Result:
Narrator/NVDA should announce Search results whether result is found or not.
Hi,
In Multiselect editor with open state prevented the component stops accepting mouse clicks as a way of moving cursor.
You can find repro here: https://stackblitz.com/edit/angular-u1j1p5-grc1nk?file=src%2Fapp%2Fapp.component.ts
Just copy/paste or type some text and try to change cursor position in word/phrase in order to fix something inside provided word.
https://stackblitz.com/edit/angular-5elhtu?file=src%2Fapp%2Fapp.component.ts
When a detail row is used, the moment you expand one row and scroll, it automatically loads the last items from the dataset.
Ex expand row 1 - start scrolling, and it suddenly loads 5xx th row+;
When grouping is also enabled - expanding the detail row under one group, expands it under all groups.
The stackbliz is from the kendo demo page for virtualscroll (with the added detail row).
minimized the last column to smallest and it's difficult to expand this column. Could you please help how to expand this column . Thanks.
Hello,
I have encountered an issue with the MultiSelectTree component. It sometimes happens that "No data found" information is displayed, even though data is displayed just above the message.
First, you need to type for example "asd" into the filter box, and then remove the last letter - and the situation above should happen.
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.
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.