Chat: editing context menu should be hidden after window resize (DevExpress#29718)

Author: EugeniyKiyashko

packages/devextreme/js/__internal/ui/chat/messagelist.ts

@@ -328,14 +328,22 @@ class MessageList extends Widget<Properties> {
 
   _onContextMenuShowing(e: Cancelable & EventInfo<ContextMenu>): void {
     // @ts-expect-error ts-error
-    const { currentTarget } = e.jQEvent;
+    const { jQEvent } = e;
+
+    if (!isDefined(jQEvent)) {
+      e.cancel = true;
+      return;
+    }
+
+    const { currentTarget } = jQEvent;
 
     const message = this._getMessageData(currentTarget);
 
     const items = this._getContextMenuButtons(message);
 
     if (!items.length) {
       e.cancel = true;
+      return;
     }
 
     e.component.option('items', items);
@@ -721,6 +729,11 @@ class MessageList extends Widget<Properties> {
     return this._$content.find(`.${CHAT_MESSAGELIST_EMPTY_VIEW_CLASS}`);
   }
 
+  _dimensionChanged(): void {
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    this._contextMenu?.hide();
+  }
+
   _clean(): void {
     this._lastMessageDate = null;
 

packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/messageList.tests.js

@@ -1198,6 +1198,27 @@ QUnit.module('MessageList', () => {
             assert.strictEqual(actions[1].icon, 'trash', 'Delete action has the correct icon');
         });
 
+        QUnit.test('should be hidden after window resize', function(assert) {
+            this.reinit({
+                allowDeleting: () => true,
+                allowUpdating: () => true,
+                items: [
+                    { text: 'a', author: userFirst },
+                    { text: 'b', author: userSecond },
+                ],
+                currentUserId: userSecond.id,
+            });
+
+            const $bubbles = this.getBubbles();
+            $bubbles.eq(1).trigger('dxcontextmenu');
+
+            assert.strictEqual(this.contextMenu.option('visible'), true, 'context menu is visible');
+
+            this.$element.trigger('dxresize');
+
+            assert.strictEqual(this.contextMenu.option('visible'), false, 'context menu is hidden after window resize');
+        });
+
         [
             {
                 editingOptions: {