This is a migrated thread and some comments may be shown as answers.

Recurrence component does not allow some options to be selected

7 Answers 24 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Gonzalo
Top achievements
Rank 1
Gonzalo asked on 14 Oct 2020, 02:20 PM

Hi,

I have noticed that the recurrence component does not allow me to select some options. 
As for example the options to end a daily recurrence, it is the same with the other types of recurrence.

For more information I am using template driven form.
My Angular module has imported these kendo modules.

GridModule
SchedulerModule
DropDownsModule
DateInputsModule
TreeViewModule
TooltipModule
IntlModule

Package versions

Angular: 9.1.12
Bootstrap: 4.5.2
@progress/jszip-esm: 1.0.1
@progress/kendo-angular-buttons: 5.5.1
@progress/kendo-angular-common: 1.2.3
@progress/kendo-angular-dateinputs: 4.3.1
@progress/kendo-angular-dialog: 4.2.2
@progress/kendo-angular-dropdowns: 4.3.1
@progress/kendo-angular-excel-export: 3.1.4
@progress/kendo-angular-grid: 4.7.3
@progress/kendo-angular-inputs: 6.6.1
@progress/kendo-angular-intl: 2.0.3
@progress/kendo-angular-l10n: 2.0.2
@progress/kendo-angular-pdf-export: 2.0.4
@progress/kendo-angular-popup: 3.0.6
@progress/kendo-angular-scheduler: 1.2.1
@progress/kendo-angular-tooltip: 2.1.5
@progress/kendo-angular-treeview: 4.3.0
@progress/kendo-common: 0.2.1
@progress/kendo-data-query: 1.5.4
@progress/kendo-date-math: 1.5.1
@progress/kendo-drawing: 1.9.1
@progress/kendo-file-saver: 1.0.6
@progress/kendo-popup-common: 1.7.0
@progress/kendo-recurrence: 1.0.1
@progress/kendo-schematics: 1.1.0
@progress/kendo-theme-bootstrap: 4.18.0
@progress/pako-esm: 1.0.1 

7 Answers, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 16 Oct 2020, 07:14 AM

Hi Gonzalo,

Thank you for the provided screenshot.

It seems that the reported undesired behavior is related to the following issue logged in our public GitHub repository:

https://github.com/telerik/kendo-angular/issues/2883

The issue is currently in our development plans. Please track the issue status for any further updates on it.

Regards,
Svetlin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Gonzalo
Top achievements
Rank 1
answered on 19 Oct 2020, 01:55 PM
Hi Svetlin, thank you very much for your answer.

Is there an alternative to make it work until the fix comes out?
What do you recommend to do?
0
Svet
Telerik team
answered on 21 Oct 2020, 07:12 AM

Hi Gonzalo,

I understand that this may be disappointing, but currently there isn't a workaround that we can suggest. Please check to see if there is a click event listener attached on or above the recurrence-editor component in the DOM hierarchy as described in the issue comment:

https://github.com/telerik/kendo-angular/issues/2883#issuecomment-679873950

If that is the case please remove that event listener. I can assure you that the issue priority is set to high and thus it will be treated with priority.

Regards,
Svetlin
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

0
Gonzalo
Top achievements
Rank 1
answered on 19 Nov 2020, 04:02 PM

Hi Svetlin,

Any news on when this issue would be fixed?
I could not implement the alternative suggested here https://github.com/telerik/kendo-angular/issues/2883#issuecomment-679873950

0
Svet
Telerik team
answered on 23 Nov 2020, 12:40 PM

Hi Gonzalo,

All our development tasks like bug fixes, new features, enhancements, etc. enter a pipeline and are addressed based on the estimated impact, business value, and severity.

We will do our best to fix the issue as soon as possible, but I cannot commit to a specific ETA, as our development team prioritizes its efforts based on multiple factors such as work load, availability of resources, severity of issue, business value and others. Thus we typically abstain from giving exact timelines as we would not like to make promises we might not be able to hold.

If you could provide us a StackBlitz example or attach a local runnable project demonstrating the issue we could try to suggest a workaround until the issue is resolved.

Regards,
Svetlin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Vaibhav
Top achievements
Rank 1
Veteran
answered on 15 Apr 2021, 04:53 AM
Hello
Here is one example I am also facing same issue like we cannot select radio button from kendo scheduler
https://stackblitz.com/edit/kendo-recurrence-editor-in-dialog-ng10-wqqueb?file=src%2Fapp%2Fapp.component.ts
please refer this example.
That form is custom but what we can change in kendo-recurrence-editor tag
Attaching screenshot where we cannot select other radio button.
I have this dependencies
"@angular/animations": "^11.0.0",
    "@angular/cdk": "^11.0.0",
    "@angular/common": "^11.0.0",
    "@angular/compiler": "^11.0.0",
    "@angular/core": "^11.0.0",
    "@angular/forms": "^11.0.0",
    "@angular/localize": "^11.0.0",
    "@angular/material": "^11.2.6",
    "@angular/platform-browser": "^11.0.0",
    "@angular/platform-browser-dynamic": "^11.0.0",
    "@angular/platform-server": "^11.0.0",
    "@angular/router": "^11.0.0",
    "@azure/msal-angular": "^1.1.2",
    "@fullcalendar/core": "^5.4.0",
    "@microsoft/microsoft-graph-client": "^2.1.0",
    "@microsoft/microsoft-graph-types": "^1.24.0",
    "@microsoft/signalr": "^5.0.0",
    "@ng-bootstrap/ng-bootstrap": "^7.0.0",
    "@ng-select/ng-select": "^6.1.0",
    "@progress/kendo-angular-buttons": "^6.0.0",
    "@progress/kendo-angular-charts": "5.1.0",
    "@progress/kendo-angular-common": "^2.0.0",
    "@progress/kendo-angular-dateinputs": "^5.0.0",
    "@progress/kendo-angular-dialog": "^5.0.0",
    "@progress/kendo-angular-dropdowns": "^5.0.0",
    "@progress/kendo-angular-excel-export": "4.0.0",
    "@progress/kendo-angular-grid": "5.0.2",
    "@progress/kendo-angular-inputs": "^7.0.0",
    "@progress/kendo-angular-intl": "^3.0.0",
    "@progress/kendo-angular-l10n": "^3.0.0",
    "@progress/kendo-angular-label": "3.0.1",
    "@progress/kendo-angular-layout": "^6.1.3",
    "@progress/kendo-angular-pdf-export": "3.0.0",
    "@progress/kendo-angular-popup": "^4.0.0",
    "@progress/kendo-angular-progressbar": "^2.0.0",
    "@progress/kendo-angular-scheduler": "^2.1.1",
    "@progress/kendo-angular-treeview": "^5.1.0",
    "@progress/kendo-data-query": "^1.0.0",
    "@progress/kendo-date-math": "^1.3.2",
    "@progress/kendo-drawing": "^1.5.8",
    "@progress/kendo-licensing": "^1.1.4",
    "@progress/kendo-recurrence": "^1.0.0",
    "@progress/kendo-theme-default": "^4.33.0",
    "@swimlane/ngx-charts": "^16.0.0",
    "@types/googlemaps": "^3.30.13",
    "abp-ng2-module": "^6.2.0",
    "abp-web-resources": "^5.3.0",
    "adal-angular": "^1.0.17",
    "angular-gridster2": "^10.0.1",
    "angular-oauth2-oidc": "^10.0.2",
    "angular2-counto": "^1.2.5",
    "angular2-text-mask": "^9.0.0",
    "animate.css": "^4.1.0",
    "bootstrap": "^4.5.3",
    "chart.js": "^2.9.3",
    "cookieconsent": "^3.1.1",
    "core-js": "^3.7.0",
    "famfamfam-flags": "^1.0.0",
    "jquery": "^3.5.1",
    "js-cookie": "^2.2.1",
    "just-compare": "^1.3.0",
    "localforage": "^1.7.3",
    "lodash-es": "^4.17.15",
    "luxon": "^1.25.0",
    "moment": "^2.29.1",
    "moment-timezone": "^0.5.31",
    "msal": "^1.4.6",
    "ng2-file-upload": "^1.4.0",
    "ngx-bootstrap": "^6.2.0",
    "ngx-captcha": "^8.0.1",
    "ngx-google-places-autocomplete": "^2.0.4",
    "ngx-image-cropper": "^3.1.4",
    "ngx-perfect-scrollbar": "^10.0.1",
    "ngx-spinner": "^10.0.1",
    "object-path": "^0.11.4",
    "primeicons": "^4.0.0",
    "primeng": "^10.0.3",
    "push.js": "^1.0.12",
    "quill": "^1.3.7",
    "rtl-detect": "^1.0.2",
    "rxjs": "^6.5.4",
    "simple-line-icons": "^2.4.1",
    "sweetalert2": "^10.10.0",
    "text-mask-addons": "^3.8.0",
    "tslib": "^2.0.0",
    "webdriver-manager": "^12.1.7",
    "windows-iana": "^4.2.1",
    "zone.js": "~0.11.3"
0
Svet
Telerik team
answered on 16 Apr 2021, 08:36 AM

Hi Vaibhav,

We are aware of the issue. It is causes due to the MatDialog overlay adding a click event listener directly to the document's body.

What could be done at this point is to use the Kendo Dialog as an alternative or implement a workaround where the material dialog styles are reused as suggested in the following issue comment:

https://github.com/telerik/kendo-angular/issues/2883#issuecomment-785867368

Regards,
Svetlin
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Tags
Scheduler
Asked by
Gonzalo
Top achievements
Rank 1
Answers by
Svet
Telerik team
Gonzalo
Top achievements
Rank 1
Vaibhav
Top achievements
Rank 1
Veteran
Share this question
or