DataGrid - dxContextMenu is not shown for group rows if Shift+F10 or the menu key is used (T1286943) (#29857)

Author: tongsonbarbs

packages/devextreme/js/__internal/grids/grid_core/context_menu/m_context_menu.ts

@@ -7,6 +7,7 @@ import ContextMenu from '@js/ui/context_menu';
 import modules from '../m_modules';
 
 const CONTEXT_MENU = 'dx-context-menu';
+const GROUP_ROW_CLASS = 'dx-group-row';
 
 const viewName = {
   columnHeadersView: 'header',
@@ -28,20 +29,26 @@ export class ContextMenuController extends modules.ViewController {
 
     const that = this;
     const $targetElement = $(dxEvent.target);
-    let $element;
-    let $targetRowElement;
-    let $targetCellElement;
     let menuItems;
 
     each(VIEW_NAMES, function () {
       const view = that.getView(this);
-      $element = view && view.element();
 
-      if ($element && ($element.is($targetElement) || $element.find($targetElement).length)) {
-        $targetCellElement = $targetElement.closest('.dx-row > td, .dx-row > tr');
-        $targetRowElement = $targetCellElement.parent();
+      if (!view) {
+        return;
+      }
+
+      const $viewElement = view.element();
+      const isTargetElementInsideView = $viewElement?.is($targetElement) || $viewElement?.find($targetElement).length;
+
+      if (isTargetElementInsideView) {
+        const isGroupRow = $targetElement.hasClass(GROUP_ROW_CLASS);
+        const $targetCellElement = isGroupRow
+          ? $targetElement.find('.dx-group-cell').first()
+          : $targetElement.closest('.dx-row > td, .dx-row > tr');
+        const $targetRowElement = $targetCellElement.parent();
         const rowIndex = view.getRowIndex($targetRowElement);
-        const columnIndex = $targetCellElement[0] && $targetCellElement[0].cellIndex;
+        const columnIndex = $targetCellElement[0]?.cellIndex;
         const rowOptions = $targetRowElement.data('options');
         const options: any = {
           event: dxEvent,
@@ -50,6 +57,7 @@ export class ContextMenuController extends modules.ViewController {
           rowIndex,
           row: view._getRows()[rowIndex],
           columnIndex,
+          // @ts-expect-error
           column: rowOptions?.cells?.[columnIndex]?.column,
         };