2 Answers, 1 is accepted
0
Hi Mathias,
The Kendo UI Editor uses a popup for the "Insert hyperlink" tool. The popup is rendered as a child of the <body>, i.e. it is outside the Bootstrap modal dialog. As a result, the Bootstrap modal dialog does not allow anything in the popup to be focused.
Please disable the Bootstrap dialog's modality, or use a modal Kendo UI Window instead.
http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap#known-limitations
Regards,
Dimo
Telerik
The Kendo UI Editor uses a popup for the "Insert hyperlink" tool. The popup is rendered as a child of the <body>, i.e. it is outside the Bootstrap modal dialog. As a result, the Bootstrap modal dialog does not allow anything in the popup to be focused.
Please disable the Bootstrap dialog's modality, or use a modal Kendo UI Window instead.
http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap#known-limitations
Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Nishchal
commented on 23 Feb 2022, 10:56 AM
Top achievements
Rank 1
Rank 1
Hi Dimo,
could you please help on how to disable the bootstrap dialog modality. I am also facing the same issue and not able to fix it.
Regards,
Nishchal
0
Janson
Top achievements
Rank 2
Iron
Iron
Rank 2
Iron
Iron
answered on 26 Jan 2023, 12:54 PM
As the answer above stated, Bootstrap Modal restricts the focus to items within the modal. This is done so that when you tab between elements, the browser isn't selecting elements behind the modal.
One solution would be to "turn off" the focusin. Depending on your situation, you can do this when the modal opens, or just on the editor's execute event.
Adding to the original poster's fiddle. http://jsfiddle.net/5o4mzt3s/4/
Something like this:
$('#myModal').on('shown.bs.modal', function() {
$(document).off('focusin.modal');
});For Bootstrap 4, you could overrite the _enforceFocus function.
$.fn.modal.Constructor.prototype._enforceFocus = function() {};