SubMenu: Fix expanding sub menu items on touch devices (#93208)

* click more in mobile phone

* use stopPropagation stop event

* delete log

* delete inspect click and add stopPropagation

* bug fix

* fix unit tests

* fix e2e tests

* fix old-arch tests

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

e2e/utils/flows/importDashboard.ts

@@ -49,7 +49,8 @@ export const importDashboard = (dashboardToImport: Dashboard, queryTimeout?: num
     dashboardToImport.panels.forEach((panel) => {
       // Look at the json data
       e2e.components.Panels.Panel.menu(panel.title).click({ force: true }); // force click because menu is hidden and show on hover
-      e2e.components.Panels.Panel.menuItems('Inspect').should('be.visible').click();
+      e2e.components.Panels.Panel.menuItems('Inspect').trigger('mouseover', { force: true });
+      e2e.components.Panels.Panel.menuItems('Data').click({ force: true });
       e2e.components.Tab.title('JSON').should('be.visible').click();
       e2e.components.PanelInspector.Json.content().should('be.visible');
       e2e.components.ReactMonacoEditor.editorLazy().should('be.visible');