Unplanned
Last Updated: 15 Oct 2021 06:24 by ADMIN

Greetings,

A user told us our datetimepickers weren't opening their pop-ups at their selected values, they instead always open at today's date.
When you specify a focusedDate, which we never do, it does always open at that date's location, which is the intended behaviour afaik.
After creating a test app to track down the problem, it appears it has to do with the angular version.
The Stackblitz examples' package.json all use version 9.x.x, while we're currently using version 12.2.1.
We were using 11.2.0 before and it was broken there as well.
Downgrading everything to version 9 compatible packages indeed fixes the "error", but that's not something we're able to do.

Here's what our test app's package.json looks like:

{
"dependencies": {
    "@angular/animations": "12.2.1",
    "@angular/common": "12.2.1",
    "@angular/compiler": "12.2.1",
    "@angular/core": "12.2.1",
    "@angular/forms": "12.2.1",
    "@angular/platform-browser": "12.2.1",
    "@angular/platform-browser-dynamic": "12.2.1",
    "@angular/router": "12.2.1",
    "rxjs": "6.6.7",
    "tslib": "2.3.1",
    "zone.js": "0.11.4",
    "@progress/kendo-licensing": "1.2.0",
    "@progress/kendo-angular-dateinputs": "5.2.3",
    "@progress/kendo-angular-common": "2.0.1",
    "@progress/kendo-angular-l10n": "3.0.2",
    "@progress/kendo-angular-popup": "4.0.1",
    "@progress/kendo-angular-label": "3.1.0",
    "@progress/kendo-angular-intl": "3.1.1",
    "@progress/kendo-theme-default": "latest"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "12.2.3",
    "@angular/cli": "12.2.1",
    "@angular/compiler-cli": "12.2.1",
    "@angular/localize": "12.2.1",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "4.3.5"
  }
}

Our html file is as simple as the following:

<kendo-datetimepicker [formControl]="fc"></kendo-datetimepicker>

Steps to replicate:

  1. Click to open the datetimepicker
  2. Select a date (I always used 31 May 2021)
  3. Click to open the datetimepicker again
  4. It opens at today's date instead of at the selected value

Kind regards

Unplanned
Last Updated: 28 Sep 2021 07:43 by ADMIN

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.

Unplanned
Last Updated: 24 Sep 2021 05:54 by ADMIN

There is a bug with the kendoGridGroupBinding directive when changing the input data and using virtual scrolling.  If you have many rows and scroll down to a lower virtual page and then change the input data to a small subset the grid will think there is no data.  And if you then change back to the full data set you have to start scrolling down before the grid repaints with data.  

Reproduction available here https://tyb2ys--run.stackblitz.io

Steps:

1. scroll down halfway in the grid

2. click the "Show subset" button.  Note the grid shows the no records message but should show three rows

3. click the "Show all" button.  Now the grid shows the scrollbar and the no records message is gone but it is not showing data.  You have to scroll down past where you previously were with all data before it repaints the rows

One workaround is to have an ngIf on the grid to destroy and recreate the grid when the input data changes, something like this:

 

  private destroyAndRecreateGrid(): void {
    this.showGrid$.next(false);
    of(null).pipe(
      take(1),
      delay(10),
      tap(t => {
        this.showGrid$.next(true);
      }
    )).subscribe();
  }

 

Unplanned
Last Updated: 08 Sep 2021 11:15 by ADMIN

Steps to reproduce:

  1. Go to https://www.telerik.com/kendo-angular-ui/components/editor/tools/
  2. Choose any font-size parameter in the "Select font size" dropdown
  3. Open the dropdown again

Actual result: current value doesn't have selected styles in the dropdown

Expected result: current value in the dropdown is highlighted. Please see an example below:

Unplanned
Last Updated: 15 Jun 2021 09:01 by ADMIN
Created by: Chris
Comments: 3
Category: Grid
Type: Bug Report
1

When resizing grid columns so the last column does not reach the right border of the grid (sum of columns width < current grid width), loading stored state (or changing column width property in any way) does not restore the columns width proportionaly to use the full width of the grid.

Note: in this case, the default columns width sum and stored state columns width sum are always inferior to the grid width in order to use proportionality and adapt to every screen size.

 

In our implementation, we made a "Reset columns view" (working exactly as the loading store data), but if the user play arround with the columns as described above), the reset is broken.

 

Reproduce steps:

Using the persisting state exemple available in the doc: https://stackblitz.com/edit/angular-3jdmzy?file=app%2Fapp.component.ts

- Click "Save current state"

- Resize grid columns so the last column does not reach the right border of the grid

- Click "Load saved state", the columns are resized proportionaly of the saved state but on the base of previous columns width sum instead of the full grid width.

Unplanned
Last Updated: 14 Jun 2021 10:44 by ADMIN
Created by: Team Booking
Comments: 5
Category: Kendo UI for Angular
Type: Bug Report
0

There seems to be a styling bug in the Kendo theme for Bootstrap.

Default Bootstrap buttons has this strange shadow or border issue

Unplanned
Last Updated: 19 Mar 2021 10:10 by ADMIN

Use the basic usage example from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/

Click in the area next to the baseball chip.

The list with available objects pops up.

Click in the place where the cursor is, the popup won't close.

Click in the right half of the component, the popup closes.

 

It seems it's the input element which swallows the click event.

I would expect the popup to be closed, no mather where I click in the component

Unplanned
Last Updated: 02 Nov 2020 15:11 by ADMIN

We use PDF Export and include image files (png using an img tag (although I tried CSS as well when looking into this issue).  Recently we updated to Angular 10 and latest Kendo for Angular packages.

With Chrome there was no issue, but with IE 11, the images do not show up anymore in the exported pdf.

We isolated the change in behavior to @progress/kendo-drawing@1.9.1 - i.e. the images show up using 1.9.0, but do not using 1.9.1 or later versions.

 

Thanks

Unplanned
Last Updated: 19 Oct 2020 09:38 by ADMIN

Hi,

Currently the kendo-datepicker submits the form when you press the enter key in the calendar popup.

I don't think this is the purpose? Can this be prevented please? If the current behaviour is useful in some scenarios, maybe provide a configuration option to alter this.

Thank you in advance.

Best regards,

Johan

Unplanned
Last Updated: 28 Sep 2020 09:34 by ADMIN
Created by: Mitchell
Comments: 1
Category: DateRange
Type: Bug Report
0

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

Unplanned
Last Updated: 17 Sep 2020 13:42 by ADMIN
Created by: Dzmitry
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
0

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.


Unplanned
Last Updated: 21 Aug 2020 09:30 by ADMIN
Created by: Mark
Comments: 1
Category: Kendo UI for Angular
Type: Bug Report
1

If ComboBox is used in a form and its required, screen readers will not pick up this information since it is not passed on to the underlying input field.

The example a nice workaround, but a final solution should have this automatically implemented by the control.

https://stackblitz.com/edit/angular-2ck3gu


Unplanned
Last Updated: 21 Nov 2019 09:23 by ADMIN
Created by: Dzmitry
Comments: 2
Category: Kendo UI for Angular
Type: Bug Report
0

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.

 

 

 

 

 

Unplanned
Last Updated: 29 Jul 2019 07:11 by ADMIN
Created by: Markus
Comments: 1
Category: Charts
Type: Bug Report
0

When the chart is configured to use the selection zoom. One must press the Shift-Key and select an area inside the chart to zoom.

I the chart shows tooltips, in most cases the tooltip pops up under the cursor and it is not possible to select an area.

The tooltip shoud be disabled, when the shift-key (or the configured key) is pressed inside the chart area.

Unplanned
Last Updated: 16 May 2019 06:55 by ADMIN
Created by: Holger
Comments: 1
Category: TreeView
Type: Bug Report
1

When using the "checkBy" attribute to configure the data field for the key definition, then the indeterminate state of parent nodes is broken.

To reproduce the issue have a look to this StackBlitz: https://stackblitz.com/edit/angular-okpokx