fix: Composite Editor should work with Cell Menu

Author: ghiscoding

src/app/examples/grid-composite-editor.component.ts

@@ -447,6 +447,9 @@ export class GridCompositeEditorComponent implements OnDestroy, OnInit {
       },
       // when using the cellMenu, you can change some of the default options and all use some of the callback methods
       enableCellMenu: true,
+      cellMenu: {
+        preventEventBubbling: false
+      },
       gridMenu: {
         hideToggleDarkModeCommand: false, // hidden by default
         onCommand: (_, args) => {

test/cypress/e2e/example30.cy.ts

@@ -612,4 +612,33 @@ describe('Example 30  Composite Editor Modal', () => {
 
     cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(10)`).should('contain', '');
   });
+
+  it('should open Edit Composite Editor from Cell Menu and expect Task 3 on 6th row', () => {
+    cy.get(`[style="top: ${GRID_ROW_HEIGHT * 6}px;"] > .slick-cell:nth(11)`).click();
+
+    cy.get('.slick-menu-item .slick-menu-content')
+      .first()
+      .should('contain', 'Edit Row')
+      .click();
+
+    cy.get('.slick-editor-modal-title')
+      .should('contain', 'Editing - Task 3');
+
+    cy.get('.slick-editor-modal-footer .btn-cancel')
+      .click();
+  });
+
+  it('should open Clone Composite Editor from Cell Menu and expect Task 3 on 6th row', () => {
+    cy.get(`[style="top: ${GRID_ROW_HEIGHT * 6}px;"] > .slick-cell:nth(11)`).click();
+
+    cy.get('.slick-menu-item .slick-menu-content:nth(1)')
+      .should('contain', 'Clone Row')
+      .click();
+
+    cy.get('.slick-editor-modal-title')
+      .should('contain', 'Clone - Task 3');
+
+    cy.get('.slick-editor-modal-footer .btn-cancel')
+      .click();
+  });
 });