How do I know when a submenu is active

[LisaRyrholm]

Hi,
I have a problem that I can't find an answer to so I hope someone here can help me out.

I am doing a menu with a submenu where I need to run a javascript when the submenu is opening (need to set the height on the submenu based on the height of the topmenu + trigger a gtm interaction event).

The structure looks like this:

<Popover>
 <Menu>
   <MenuItem />
     <SubmenuTrigger>
       <MenuItem> /*This is the menu item that triggers the second level menu that needs to have a height based on the menu above*/
       <Popover>
         <Menu>
           <MenuItem />
           <SubmenuTrigger>
             <MenuItem>
             <Popover>
               <Menu>
                 <MenuItem />
                 /**Repeat more menu items **/
               </Menu>
             </Popover>
           </SubmenuTrigger>
           /**Repeat more menu items or submenu triggers**/
         </Menu>
       </Popover>
     </SubmenuTrigger>
     /**Repeat more menu items or submenu triggers**/
  </Menu>
<Popover>

My problem is that MenuItem has a onHover that works well for triggering the setHeight method. But when I navigate the menu with keyboards this never triggers.

I tried the onAction method but this method never fire for a menu item that opens a sub menu. It only triggers when you are navigating to a href.

Idealy I would like a onPress or onOpening function I can use for triggering the height and gtm interaction event.

How can I achive this?

[snowystinger]

I'll bring up onOpenChange on the SubmenuTrigger, I think that's the most logical spot to put it to match our other triggers.
Can you say more about what this means?

trigger the height