Third-Party Modal Popups Prevent Access to Kendo UI Widgets
Environment
Product | Progress® Kendo UI® for jQuery |
Kendo Version | 2017.2.621 |
Description
Third-party modal popups prevent the access to Kendo UI for jQuery widgets.
Cause
Some third-party modal popups prevent access to focusable elements, which are rendered outside the modal popup. Such widgets include the Bootstrap modal dialog, the jQuery UI modal dialog, and possibly others.
The Kendo UI widgets, which are affected by this behavior are all widgets, which render their own detached popups, for example, AutoComplete, ColorPicker, ComboBox, DropDownList, DateTimePicker, Editor, Grid, and MultiSelect. The popups of these Kendo UI widgets are rendered as children of the <body>
and as a result, the third-party modal popup will prevent the access to them.
Solution
To handle the issue, use either of the following approaches:
- Disable the modality of the modal popup, so that elements outside it can be focused.
- Use a modal Kendo UI Window instead of a third-party popup.