You can reproduce the bug even in your documentation: Overview - DatePicker - Kendo UI for Angular (telerik.com)

• Select the Bootstrap Theme
• Try to select for example the 14th March 2000 the calendar goes to December 2000 (and doesn't select the date).
• If you click slightly outside of the number, the selection works.

The problem seems to be the infinite navigation that's overlaying with that dates' columns.

The DatePicker control for Angular has a hidden vertical scrollbar on the kendo-virtualization element, which is nested inside the kendo-calendar-navigation and kendo-calendar-viewlist elements. Though it is hidden from view, it is still clickable, and can obscure the selectable dates in the calendar. Clicking it results in activating the scrollbar, which will result in the navigation sidebar scrolling. 

I have attached two screenshots to show the affected areas. Highlighted in red are the areas that when clicked will activate the sidebar scrollbar, and highlighted in blue is the area that will activate the calendar scrollbar, along with their respective elements in the DOM.

It appears the scrollbar is hidden from view via a combination of padding and margin settings from the css below:

.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -117px;
}

I am using Edge Version 105.0.1343.50

Clear formatting is not working properly , as it removed the span tag and other attributes of the html tags.

For example :

HTML  content - before applying the clear formatting:

<p style="line-height: normal;"><strong><em><span style="font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; font-size:11px;" class="ABS_Comments" id="ABS_Comments" name="ABS_Comments">{ABS_Comments}</span></em></strong></p>

HTML Content - after  applying the clear formatting :

<p style="line-height: normal;">{ABS_Comments}</p>

It suppose to remove the only the formatting tags instead span and actual tags.

Hi

As per your suggestion we have writing the below code for focusing the cursor position,  it is working fine but after putting table on the editor and set the background of the any text is not working . If the table is not placed on the editor and select the background color to the any text working fine. 

I think , this would happen because of the below code. Please fix this issue.

Note : Foreground color is working fine in all cases.

https://stackblitz.com/edit/angular-e53ira?file=src/app/app.component.ts

If the popup is off-screen, it is simply cut off, unlike vertical which flips it to the other side.

when someone clicks on a date in the middle of the component, it will scroll the component instead of selecting the date.

This occurs in chrome and edge. In firefox this issue is not observed.

Steps:

1. Open a datepicker (https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)
2. Hover over tuesday (bootstrap theme), between tuesday and wednesday in default theme.
3. Click on the date.
4. The component scrolls instead of selecting the date.

The cursor also changes from pointer to default. It seems another component is on top of the tuesday column.

Issue description: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Test Environment:

Narrator (Windows 11), NVDA (Version: 2022.1)

Repro steps:

1. Hit on the link Overview - Grid - Kendo UI for Angular (telerik.com)
2. Tab navigate to table under “Angular Data Grid Overview”
3. Run Screen reader
4. Tab Navigate to page navigation buttons
5. Observe that Screen reader does not identify which page number is selected

Actual results: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Expected results: While navigating through page number buttons screen reader should identify which page number is selected

Attachments:  Attachments

Describe the bug
The Kendo UI DropDownTree has several ARIA errors appearing according to the Axe DevTools.

To Reproduce
Steps to reproduce the behavior:

1. Go to the following StackBlitz.
   
2. Inspect the page, in the inspector click the "axe DevTools" tab and then click the "Scan ALL of my page" button.
3. Under "Serious" issues you will see: ARIA toggle fields must have an accessible name

Expected behavior
There should be no ARIA errors related to the Kendo UI DropDownTree.

Screenshots
Please take a look at the following Screencast related to the issue.

Browser

• OS: All Supported
• Browser: All Supported
• Version: latest (e.g. Edge: 104.0.1293.70)

Hi Team

we were using Multiselect with version of dropdown "@progress/kendo-angular-dropdowns": "5.3.0",

 but now that we have updated the kendo dropdowns version "@progress/kendo-angular-dropdowns": "7.0.2"

CSS of our multiselect is messed up now can you suggest a way to keep our old CSS working as everything was coming from KendoDropdown

as now I can see <li> tag is converted to <div> for each item selected and there is a new class k-chip introduced .

This has been breaking our production please help us in going forward.

Please find the below screenshot for your reference and help us

Thanks,

Rajkumar S

Hi All,  

    Anyone can help us to figure it out?

   Currently, We are using Angular Kendo Gird package, and got issue for tooltip message for Gird.

        When We mouse move over 3 dots for grid column menu, we would get strange tooltip message,  for details , please check it from attachment.

         My Email:liji.tao@teranet.ca

Thanks

Liji

Hi,

When "popupSettings.appendTo" is set to 'component' then the value binding is broken and the "valueChange" event is not triggered.  It is not possible to select an item and the underlaying model is not updated.

Issue can be reproduced in this StackBlitz: https://stackblitz.com/edit/angular-f76kqf?file=src/app/app.component.ts

Regards

Holger

Because of the CSS, if a parent element has used translate (transform: translateX(0px); ) every child element  under it is no longer fixed.

This causes components like kendo-dialog to be relatively positioned inside the drawer - usually cut off.

Even turning off animation still leaves the style rule.

• Disabling animation should also ensure no related CSS is applied (like using transform: none at least)
• Provide a keyframe based animation instead of translateX (example http://jsfiddle.net/whnuLf6v/50/)

I have installed kendo-angular-layout package and after running the command npm start Im receiving the errors represented in the pictures. 

Im not sure how to fix this?

Im not sure how to check my Kendo package version as well /

I have being trying to implement the multiple row selection function but am unable to get multiple rows selected at once, even though I have multiple selected mode enabled,Is it possible to archieve this in Kendo ui grid in Angular?

Please see my function bellow. event=1 row always even though I select more one row.

Select all checkbox provided in tree list module is not working as expected. Below are the detailed step to reproduce

To Reproduce

Scenario 1 :

1. Checked on select all checkbox
2. Unchecked any of the row, the select all checkbox still checked.

Scenario 2 with pagination:

1. Checked on select all checkbox
2. Move to next page
3. Select all checkbox is checked, but the rows is not selected

Scenario 3:

1. Checked on select all checkbox
2. Expand the parent node, the child node is not checked

Expected behavior
Scenario 1:
The select all checkbox should be unchecked. Same as what provided in Grid module
Scenario 2:
The select all checkbox should be unchecked
Scenario 3:
The child node need to be checked

https://www.telerik.com/kendo-angular-ui/components/scheduler/timezones/#toc-fixed-timezones

In the kendo  scheduler fixed timezones are not working properly because it only takes the local time which on the browser and shows the local time only in kendo scheduler.

Not showing the fixed timezones depends upon the other country timezones.

we want some solution for set the fixed timezones.

Example: if browser time shows the india timezones locally but we want to show other country timezones which depends upon the country.

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()

Autosize on treelist with locked columns does not work

When the width of the grid exceeds the column lengths, you would expect autosize to expand and fill the rest of the space evenly.

https://stackblitz.com/edit/angular-7rxada-84kfzy?file=src/app/app.component.ts

Similar to https://github.com/telerik/kendo-angular/issues/3248