If the pane is scrolled, the dark highlight shown when grabbing the splitter is misaligned like this:

Stackblitz repro can be found here

Issue 1: Flickering or Not Opening of Dropdown

• Steps to Reproduce:
  1. Click on the color picker.
  2. Click on any dropdown.
  3. Observe the behavior of the dropdown.

Issue 2: Clicking on Color Picker and Dropdowns (Dropdown not closing)

• Steps to Reproduce:
  1. Click on the color picker.
  2. Click on any dropdown.
  3. Repeat this with all dropdowns to get above screenshot.

./node_modules/@progress/kendo-angular-layout/fesm2022/progress-kendo-angular-layout.mjs:19:0-75 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-progressbar' in 'C:\LiveMRIProjects\MRI.AgoraInsightsAnywhere-Angular\node_modules\@progress\kendo-angular-layout\fesm2022'

./node_modules/@progress/kendo-angular-layout/fesm2022/progress-kendo-angular-layout.mjs:22:0-56 - Error: Module not found: Error: Can't resolve '@progress/kendo-angular-intl' in 'C:\LiveMRIProjects\MRI.AgoraInsightsAnywhere-Angular\node_modules\@progress\kendo-angular-layout\fesm2022'

 

this is the error is coming

when we add kendo thing into module.ts file

Hi,

https://stackblitz.com/edit/angular-dadm5ywe?file=src%2Fapp%2Fapp.component.ts

Please select the top-most button, then press TAB until the focus is on the button in the last grid cell.
Then press tab again => the focus moves to the last cell itself.
Press tab again => the focus moves back to the last button. 
=> here we got into an endless loop, you cannot navigate to the button below the grid.

Interestingly, you can leave the grid if you navigate backwards with shift+tab.

best regards,

Michael

 

On the latest version, horizontal scroll is not visible for multi resources. if have more 5 resources also, the table is shrinking but scroll is not enabled. 

The date range picker is not closing when tabbing through inputs when the picker is appended to the 'component'. It also seems that once the date range picker loses focus, it does not close by clicking anywhere else in the document until it regains focus again or the document loses focus.

 

I reproduced it in Stackblitz and attached a video. In the video there is a button after the date picker that logs to the console when it gains focus. Focus starts at the top of the document, start tabbing until the date range picker pops up, then continue tabbing through the date range picker until the button below the picker gains focus. As you can see the date range picker does not close. Here is the Stackblitz editor link to this: https://stackblitz.com/edit/kendo-daterange-bug?file=app/app.component.ts

 

Thanks!

Mitchell

Hello,

The control https://www.telerik.com/kendo-angular-ui/components/utils/draganddrop/drag-container/ cannot be used on mobile devices. I am not able to move the element in its position. I also tested it directly on a mobile device and it doesn't work there either.

Please provide an option to use the utility on mobile devices.

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

 

Hello,

Please repeat the following steps to reproduce this issue:

1. Go to https://www.telerik.com/kendo-angular-ui/components/editor#angular-editor-example
2. In the Angular Editor Example click on the first line of the first paragraph (let's say on the word Kendo)
3. Navigate to toolbar via Shift+Tab key
4. Use the arrow key to navigate to Format dropdownlist 
5. Use Enter to open the dropdownlist with the available formats (Paragraph, Heading 1, Heading 2, etc)
6. Choose e.g. "Heading 1" with Enter
7. Press Tab to focus the editor content (You can type some letters to ensure that the editor content is focused)
8. Press Shift+Tab to go back to toolbar
9. Press an arrow key (Left or Right) to try to navigate through the toolbar => Bug

Expected behaviour: It's possible to navigate through the toolbar items like in step 4
Experienced behaviour: You can not navigate through the toolbar items with arrow left or arrow right.

Important: After choosing an item from the dropdown, the kendo-dropdownlist has still an tabindex="0", what is also wrong. 

I observed this bug in our application but it's possible to reproduce it with your example, too.

Kind regards,

Roman

https://stackblitz.com/edit/angular-obj4gecf

If you click the first 2 cells in column "UnitPrice", the first one reports column 2 (which is correct), the second reports column 1.

I suspect rowSpan causes this, rows without rowSpan seem to work.

When dateinput format is "d/M/y" and "allowCaretMode" is enabled, users are unable to enter valid dates. Tested with dateinput and datepicker components.

Steps to reproduce

1. Setup a kendo-dateinput component with "allowCaretMode" set to "true" and the "format" set to "d/M/y" (see stackblitz below).
2. Enter a valid single-digit day and valid single-digit month into the input
3. Try typing a year
4. Observe that only one character of the year can be entered and the input locks up, preventing the user from completing a valid date.

Stackblitz example

https://angular-x4rvxqyp-qfq5b7mj.stackblitz.io

Expected Behaviour:

The user should be able to enter a full year after typing a valid single-digit day and month.

Observed Behaviour:

After entering a single-digit day and month, the input locks up, preventing the user from typing more than one character for the year. This prevents users from entering valid dates, making the input unusable in this scenario.

I couldn’t find an existing bug report related to this issue. Could you confirm whether this has already been reported or provide guidance on a potential fix or workaround?

Thanks

 

 

 

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.

I'd like to report that my issue linked in Duplicated item was not fixed: 

Closed bug: https://feedback.telerik.com/kendo-angular-ui/1484071-scheduler-event-editor-recurrence-editor

My bug marked as duplicate: https://feedback.telerik.com/kendo-angular-ui/1657303-scheduler-some-events-are-incorrectly-duplicated-despite-the-rules-written-on-them

 

It can still be reproduced in new version 17.3.12 

https://stackblitz.com/edit/angular-pusn73-en4gpcjt?file=src%2Fapp%2Fapp.component.ts

The event with recurreneRule that suggests that this event appears on each Tuesday till 20201014 is visible on Wednesday 14th.

I recently received an email from one of our users stating that the scroll buttons on the tabstrip have stopped working. I have just upgraded to Angular 17 and latest of progress controls so not sure if that is what did it but these buttons have been working since implementation.  I am puzzled as to what is now missing and or caused the buttons to stop working. They do display correctly when the screen size changes and not all tabs are on the screen. However, when you click either forward or back, nothing happens.

I anticipate that I will be asked to create a reproduction of this and send it to kendo, but was hoping that someone could take a look at our application to see if something is missing or if it can be determined what is causing the issue? This is a huge application and depends on data to run so it would take quite some time to get it down to something I can send as a repro.  See page  https://test.tropicos.org/name/25509881.

What makes it worse is that we also have another application that was spawned from the shell the Tropicos app and for the most part uses the same packages. This application also gets updated at the same time as Tropicos as well.  This application however is not seeing the same problems with tab strip buttons. See https://test.livingcollections.org/taxon/277173. 

If I must spend the time to strip the application down to a page that causes the issue, I can. But, again, this would take quite a bit of time and we are a small development shop so hoping looking at the apps I posted will help to find the issue.

I could not find an article which says aria-selected is supported for a table tr td structure. Is this supposed work in mac voiceover at all? if possible point me to corresponding resources in the net.

In MultiColumnComboBox .k-table-header-wrap sets extra border-right-width, in result cells and column vertical separator is not consistent.

Can be reproduced in telerik demo page Angular Dropdowns MultiColumnComboBox Data Binding - Kendo UI for Angular (telerik.com)

While the grid is initially loading data, the "No records available." message is confusing and provides no useful information.

Expected behavior - when the grid is initially loading, don't display the message as the rows/data might very well appear

To reproduce basically just go to the grid demo page (refresh if needed) and pay attention to the grid loading: https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/

Example in our project - intuitively you'd think that the grid has no records until you see the loader; in any case, the message looks out of place:

It seems that whenever a task crosses the date where the daylight saving time switch appears everything on the gantt's week view gets shifted by 1 hour.

This stackblitz shows 2 Gantts. The first one has correct positioning, the second one appears to be bugged.

In this picture, you can see that in the 1st Gantt `Item 1` is slightly shifted to the right and covers Thursday and Friday. That's because its date is specified in UTC as `2025-04-03T00:00:00.000Z` which, for me in the UK, will result in `01:00:00.000`.
However, in the second Gantt `Item 1` now fully covers Thursday and doesn't extend to Friday even though the start and end dates are the same as in the first Gantt.

You might get slightly different positioning based on your time zone. The description is written based on the UK time zone.

It also affects drag-and-drop marquee. If you try to drag the right side of item 1, you'll see that it will show Saturday even before it starts covering Saturday.

Expected behaviour: Item 1 has to be positioned identically on both timelines

Kendo timeline range in the gantt can be miscalculated if children have start and end days earlier that their parent.

This happens to due oversight in TimelineBaseViewService.getRange function. Two variables startResult and endResult are calculated using only top-level entities from the supplied data hierarchy.

This stackblitz shows 2 cases.

1. The item is out of the bounds on the left due to an earlier start date than its parent's start date.
   
2. The item is rendered either as three dots or out of bounds on the right side (depends on the browser. Firefox tend to display three dots, Chrome clips the right side) due to end date being later than its parent's end date.
   

That's mostly visible on Day and Week timelines, however I believe can be reproduced on monthly and yearly views if the date spread is large enough.

 

Currently tooltip can be rendered outside of the gantt component if item on the timeline is long enough to be outside of the timeline viewport.

Adjusting [taskTooltipOptions] doesn't help as tooltip will still be outside of the timeline viewport.

Steps to reproduce.

1. Open Stackblitz
2. Scroll to Sat 19/04
3. Hover mouse of Sat 19/04 slot