Need More Info
Last Updated: 09 Oct 2024 16:03 by Paul
Created by: Paul
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

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:

  1. 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/
  2. Focus on the Datepicker input field.
  3. Enter a date manually using the on-screen keyboard.
  4. 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.

Need More Info
Last Updated: 09 Oct 2024 04:46 by Thambu
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.
Completed
Last Updated: 11 Sep 2024 08:01 by ADMIN
Created by: Dzmitry
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
1

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.


Completed
Last Updated: 08 Aug 2024 13:08 by ADMIN

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

9991592_Jaws_KendoExternal.mp4

9991592_Narrator_KendoExternal.mp4

Declined
Last Updated: 31 Jul 2024 12:01 by ADMIN

Hi,

I've noticed a strange issue with the ContextMenu: in Firefox, the div text selection loses focus after the context menu is shown.

My actual goal is to perform some functionality on the selected text by clicking the appropriate item from the context menu. However, the selection is lost after the context menu is displayed, making it difficult for the user to identify the current selection. This issue occurs only in Firefox; it works fine in Chrome and Edge.

I have attached below sample code and sample screenshot.

Here is Chrome/Edge context menu behavior (as expected).

Here is FireFox context menu behavior (focus lost on selected text).

Sample Code:

https://stackblitz.com/edit/angular-udag3v-aoxarf?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcontextmenu-items.ts

Please let me know if there is any solution for this.

Thanks,

 

Need More Info
Last Updated: 15 Jul 2024 07:33 by ADMIN
Created by: Paul
Comments: 3
Category: TabStrip
Type: Bug Report
0

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.

Duplicated
Last Updated: 11 Jul 2024 08:39 by ADMIN

Hi,

I have events with reccurenceRule with start time setted to 00:00:01:

    {
      id: 4,
      title: '1 OK',
      start: new Date('2020-10-19T00:00:01'),
      end: new Date('2020-10-19T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=MO',
    },
    {
      id: 5,
      title: '2 OK',
      start: new Date('2020-10-19T00:00:01'),
      end: new Date('2020-10-19T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=TU',
    },
    {
      id: 6,
      title: '3 OK',
      start: new Date('2020-10-19T00:00:01'),
      end: new Date('2020-10-19T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201028;BYDAY=WE',
    },

After changing start time to be 00:00:00:

  1. Wednesday's event started showing on October 14th.
  2. Event from Tuesday '2BAD' hass been duplicated and is also shown on October 14th.
 {
      id: 1,
      title: '1 BAD',
      start: new Date('2020-10-05T00:00:00'),
      end: new Date('2020-10-05T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=MO',
    },
    {
      id: 2,
      title: '2 BAD',
      start: new Date('2020-10-05T00:00:00'),
      end: new Date('2020-10-05T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=TU',
    },
    {
      id: 3,
      title: '3 BAD',
      start: new Date('2020-10-05T00:00:00'),
      end: new Date('2020-10-05T10:30:00'),
      recurrenceRule: 'FREQ=WEEKLY;UNTIL=20201014;BYDAY=WE',
    },


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

Completed
Last Updated: 27 Jun 2024 08:10 by ADMIN

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.

It's possible to reproduce this on your own example for manual filtering - https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/filtering/#toc-manual-filtering.

First, you need to type for example "asd" into the filter box, and then remove the last letter - and the situation above should happen.
Declined
Last Updated: 19 Jun 2024 06:24 by ADMIN

Hi All,

We have a requirement to include logo of our company in exported excel files, so as a solution we thought of using IMAGE excel function, however when I used this function and tried to export excel file then I see error in the cell "#NAME?" and when I edit the cell formula with no changes and hit enter then I can see the image appearing inside cell.

IMAGE function

after I edit the cell formula with no change and hit enter then image appears.

Have anyone faced this issue, or have anyone tried any other solution to include images in exported excel file ? if yes, then your help will of great help to me.

 

Thank you.



Declined
Last Updated: 14 Jun 2024 07:51 by ADMIN
Created by: anthony
Comments: 3
Category: Kendo UI for Angular
Type: Bug Report
2

I'm experiencing an issue with the filtering and sorting functions in a Kendo Grid. This problem seems to occur with the latest version of Kendo UI for Angular in combination with Angular 18.

I have created a sample project on StackBlitz where the issue can be reproduced: StackBlitz Project.

In the example, you can see that the filtering and sorting capabilities are enabled. However, both filtering and sorting do not seem to work correctly.

Here is a relevant code snippet:

<kendo-grid [data]="gridData" [selectable]="selectableSettings" [navigable]="true" [height]="300" filterable="menu, row" [sortable]="true">
    <kendo-grid-column field="ProductName" title="Product Name"></kendo-grid-column>
    <kendo-grid-column field="UnitsInStock" title="Units In Stock"></kendo-grid-column>
    <kendo-grid-column field="UnitsOnOrder" title="Units On Order"></kendo-grid-column>
    <kendo-grid-column field="ReorderLevel" title="Reorder Level"></kendo-grid-column>
</kendo-grid>

What I have tried:

  1. I checked that the correct versions of Kendo UI and Angular are installed.
  2. I tried different settings for the filtering and sorting capabilities.
  3. I reviewed the Kendo UI documentation to ensure I didn't miss anything.

Current behavior:

  • Filtering: When I try to filter, the results are not updated correctly.
  • Sorting: Sorting does not seem to produce the correct order.

Expected behavior:

  • The grid should correctly filter and sort based on the column values.

Am I doing something wrong, or does this seem to be an issue with the Kendo UI framework? Any suggestions or solutions are welcome!

Thanks in advance for the help!

Unplanned
Last Updated: 13 Jun 2024 07:16 by ADMIN
Hi,

When changing map input properties like zoomable and pannable at runtime, while center is set, the location of the map changes, and the zoom via scroll wheel breaks (the magnitude per scroll widens).
Duplicated
Last Updated: 30 May 2024 07:18 by Ekaterina
Created by: Ekaterina
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

Hi, Kendo team.

We have a small but annoying bug.

In the table filter for numeric column:

  • user type first part of floating value quickly - Filter button is still disable
  • user type comma symbol
  • then Filter button became enabled - comma symbol disappears
  • if user type slowly (or very quick) - then is not such bug.

Is it any workaround for it?

Thank you.

Ekaterina.

 

Completed
Last Updated: 16 May 2024 11:17 by ADMIN

The "auto" scrolling mode of the TabStrip works fine when we resize the container or the window - i.e. the scroll buttons appear if the tabs do not fit ij the container. However, they do not appear if we add tabs dynamically and this is a bug. If we add tabs dynamically, then once the tabs dont fit in the container, the scroll biuttons should appear. Below is the example in stackblitz:

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

Declined
Last Updated: 23 Apr 2024 08:36 by ADMIN

https://stackblitz.com/edit/angular-pxppfk-s4ix7b?file=tsconfig.json

 

Change target in tsconfig in this stackblitz to targer es2022 to recreate bug

Completed
Last Updated: 11 Apr 2024 13:03 by ADMIN
Created by: Hui Chuan
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

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)

telerik.com/kendo-angular-ui/components/charts/examples/chart/legend/title/?theme=default-main-dark&themeVersion=7.0.1

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.

Completed
Last Updated: 11 Apr 2024 12:16 by ADMIN

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,

  1. Try to select a full week. It works.
  2. Do the same with the next week
  3. Now scroll to the next month and repeat 1 and 2
  4. 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 





Declined
Last Updated: 09 Apr 2024 07:45 by ADMIN
Created by: Peter
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

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.

 
Completed
Last Updated: 21 Mar 2024 13:28 by avto

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

Duplicated
Last Updated: 21 Mar 2024 13:00 by ADMIN
Created by: avto
Comments: 0
Category: Kendo UI for Angular
Type: Bug Report
0
 VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name. angular 17.3.0  kendo ui angular 

 

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)
Declined
Last Updated: 20 Mar 2024 16:08 by ADMIN
Created by: Ammaiyappan
Comments: 5
Category: Slider
Type: Bug Report
0

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

1 2 3 4 5 6