Recurrence component does not allow some options to be selected

[Gonzalo]

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 

[Svet]

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

[Gonzalo]

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?

[Svet]

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

[Gonzalo]

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

[Svet]

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

[Vaibhav]

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"

[Svet]

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