Sync with Kendo UI Professional

kendo-bot · kendo-bot · commit c9c89acff9e4 · 2025-05-29T04:20:44.000Z
diff --git a/docs/controls/chat/chat-items.md b/docs/controls/chat/chat-items.md
@@ -57,7 +57,7 @@ You can also add images to the `heroCard` setting by passing the proper values t
 				subtitle: "The Telerik Ninja",
 				text: "This is an example.",
 				images: [{
-					url: "https://docs.telerik.com/kendo-ui/images/ninja-icon.png",
+					url: "data:image/png;base64,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",
 					alt: "Ninja"
 				}]
 			}
diff --git a/docs/knowledge-base/display-time-on-value-axis.md b/docs/knowledge-base/display-time-on-value-axis.md
@@ -43,7 +43,7 @@ The `valueAxis` on categorical Kendo UI Charts supports the display of numbers o
 
 The following example demonstrates how to display time on the value axis of categorical Kendo UI Charts.
 
-```dojo
+```html
     <div id="chart"></div>
     <script>
       $("#chart").kendoChart({
diff --git a/src/kendo.popup.js b/src/kendo.popup.js
@@ -272,8 +272,7 @@ export const __meta__ = {
                         overflow: HIDDEN,
                         display: "block",
                         position: ABSOLUTE
-                    })
-                    .attr("aria-hidden", false);
+                    });
 
                 parent = element.parent();
 
@@ -308,8 +307,8 @@ export const __meta__ = {
                        .kendoStop(true)
                        .kendoAnimate(animation);
 
-
                 element.attr("aria-hidden", false);
+
             }
         },
 
@@ -418,6 +417,10 @@ export const __meta__ = {
             if (that.visible()) {
                 wrap = (that.wrapper[0] ? that.wrapper : kendo.wrap(that.element).hide());
 
+                if ($(document.activeElement).parents(".k-list-filter").length) {
+                    $(document.activeElement).blur();
+                }
+
                 that._toggleResize(false);
 
                 if (that._closing || that._trigger(CLOSE)) {
@@ -455,15 +458,16 @@ export const __meta__ = {
                 }
 
                 parent.kendoStop(true);
-                that.element.attr("aria-hidden", true);
                 wrap
-                    .css({ overflow: HIDDEN }) // stop callback will remove hidden overflow
-                    .attr("aria-hidden", true);
+                    .css({ overflow: HIDDEN }); // stop callback will remove hidden overflow
+
                 parent.kendoAnimate(animation);
 
                 if (skipEffects) {
                     that._animationClose();
                 }
+
+                that.element.attr("aria-hidden", true);
             }
         },
 
diff --git a/tests/unit/actionsheet/aria.js b/tests/unit/actionsheet/aria.js
@@ -1,4 +1,7 @@
 import '@progress/kendo-ui/src/kendo.actionsheet.js';
+import { TimerUtils } from '../../helpers/unit/timer-utils.js';
+import { asyncTest } from '../../helpers/unit/async-utils.js';
+
 
 let ActionSheet = kendo.ui.ActionSheet,
     div,
@@ -21,20 +24,21 @@ describe("kendo.ui.ActionSheet accessibility with AXE", function() {
         }, options));
     }
     beforeEach(function() {
+        TimerUtils.initTimer();
         div = $("<div style='color:green'></div>").appendTo(Mocha.fixture);
 
     });
     afterEach(function() {
+        TimerUtils.destroyTimer();
         instance.destroy();
         kendo.destroy(Mocha.fixture);
     });
 
-    it("ActionSheet is accessible", async function() {
+    asyncTest("ActionSheet is accessible", function(done) {
         createInstance({
             open: function(e) {
-                setTimeout(async function() {
-                    await axeRunFixture();
-                });
+                TimerUtils.advanceTimer(1);
+                done(() => axeRunFixture());
             },
         });
 
@@ -58,48 +62,77 @@ describe("kendo.ui.ActionSheet WAI-ARIA", function() {
         }, options));
     }
     beforeEach(function() {
+        TimerUtils.initTimer();
         div = $("<div style='color:green'></div>").appendTo(Mocha.fixture);
 
     });
     afterEach(function() {
+        TimerUtils.destroyTimer();
         instance.destroy();
         kendo.destroy(Mocha.fixture);
     });
 
-    it("ActionSheet items collection has role='group'", async function() {
+    asyncTest("ActionSheet items collection has role='group'", function(done) {
+        createInstance({
+            open: function() {
+                 TimerUtils.advanceTimer(1);
+                 done(() => assert.equal(instance.wrapper.find(".k-list-ul").attr("role"), "group"));
+            },
+        });
+
+        instance.open();
+    });
+
+    asyncTest("ActionSheet li elements have role='none'", function(done) {
         createInstance({
             open: function() {
-                assert.equal(instance.wrapper.find(".k-list-ul").attr("role"), "group");
+                TimerUtils.advanceTimer(1);
+                done(() => assert.equal(instance.wrapper.find(".k-actionsheet-item").attr("role"), "button"));
             },
         });
 
         instance.open();
     });
 
-    it("ActionSheet li elements have role='none'", async function() {
+    asyncTest("ActionSheet has role='dialog'", function(done) {
         createInstance({
             open: function() {
-                assert.equal(instance.wrapper.find(".k-actionsheet-item").attr("role"), "button");
+                TimerUtils.advanceTimer(1);
+                done(() => assert.equal(instance.wrapper.find(".k-actionsheet").attr("role"), "dialog"));
             },
         });
 
         instance.open();
     });
 
-    it("ActionSheet has role='dialog'", async function() {
+    asyncTest("ActionSheet has aria-modal='true'", function(done) {
         createInstance({
             open: function() {
-                assert.equal(instance.wrapper.find(".k-actionsheet").attr("role"), "dialog");
+                TimerUtils.advanceTimer(1);
+                done(() => assert.equal(instance.wrapper.find(".k-actionsheet").attr("aria-modal"), "true"));
+            },
+        });
+
+        instance.open();
+    });
+
+    asyncTest("ActionSheet has aria-hidden='true'", function(done) {
+        createInstance({
+            close: function() {
+                TimerUtils.advanceTimer(1);
+                done(() => assert.equal(instance.wrapper.find(".k-actionsheet").attr("aria-hidden"), "true"));
             },
         });
 
         instance.open();
+        instance.close();
     });
 
-    it("ActionSheet has aria-modal='true'", async function() {
+    asyncTest("ActionSheet has aria-hidden='false'", function(done) {
         createInstance({
             open: function() {
-                assert.equal(instance.wrapper.find(".k-actionsheet").attr("aria-modal"), "true");
+                TimerUtils.advanceTimer(1);
+                done(() => assert.equal(instance.wrapper.find(".k-actionsheet").attr("aria-hidden"), "false"));
             },
         });
 
diff --git a/tests/unit/notification/aria.js b/tests/unit/notification/aria.js
@@ -66,6 +66,30 @@ describe("Notification WAI-ARIA", function() {
         assert.equal(element.attr("aria-hidden"), "true");
     });
 
+    it("Notification popup has aria-hidden set to 'true'", function() {
+        notification = createNotification({
+            button: true
+        });
+
+        notification.show("foo");
+
+        let element = $(".k-notification");
+        notification.hide();
+
+        assert.equal(element.attr("aria-hidden"), "true");
+    });
+
+    it("Notification popup has aria-hidden set to 'false'", function() {
+        notification = createNotification({
+            button: true
+        });
+
+        notification.show("foo");
+
+        let element = $(".k-notification");
+        assert.equal(element.attr("aria-hidden"), "false");
+    });
+
     it("Notification does not violate AXE", async function() {
         notification = createNotification({
             button: true

Original file line number	Diff line number	Diff line change
@@ -57,7 +57,7 @@ You can also add images to the `heroCard` setting by passing the proper values t
`57`	`57`	`subtitle: "The Telerik Ninja",`
`58`	`58`	`text: "This is an example.",`
`59`	`59`	`images: [{`
`60`		`- url: "https://docs.telerik.com/kendo-ui/images/ninja-icon.png",`
	`60`	+ url: "data:image/png;base64,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",
`61`	`61`	`alt: "Ninja"`
`62`	`62`	`}]`
`63`	`63`	`}`