Hi Team,
This dojo to illustrate the problem: https://dojo.telerik.com/iNIsiHig
When using jquery 3.6.0, the window does not get focus. Using any previous jquery like 3.5.1 or 1.12.4 makes it work.
Please advise.
Best regards,
Laurent.
1 Answer, 1 is accepted
Hello, Laurent,
Thank you for reporting the behavior. I have logged a bug report in our Feedback Portal so that you can track its progress. Here you will find a workaround for the issue until the bug is fixed.
As a small token of gratitude for reporting the bug, I am updating your Telerik Points.
Let me know if you have any further questions.
Regards,
Martin
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Hi,
The workaround Dojo has a rule from our demos, which hides the Window on small screens. This is why it may appear as not working on your side. I have removed the rule and you may see the workaround in action on the following Dojo snippet.
Regards, Dimitar Goshev Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
I am still getting same error on Dojo snippet on accessing
The Dojo issue could be related to some firewall settings.
The following snippet shows the workaround:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Window workaround</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.301/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.301/styles/kendo.default.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.1.301/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div id="window">
<p>Window content</p>
</div>
<button type="button" id="btn" class="btnClass">Click here to open the window.</button>
<div class="responsive-message"></div>
<script>
$(document).ready(function () {
var myWindow = $("#window"),
btn = $("#btn");
btn.click(function() {
myWindow.data("kendoWindow").center().open();
});
function onActivate(ev) {
ev.sender.wrapper[0].focus();
$(".responsive-message").text("activeElement: " + document.activeElement.className);
}
myWindow.kendoWindow({
title: "Window",
visible: false,
activate: onActivate
}).data("kendoWindow");
});
</script>
</div>
</body>
</html>