using arrows keys not able to open the submenus in screen reader but using tab it is working fine (jaws)(Screenshot-invoice and payment)

 <div id="HorizontalMenuWrapper">
<div class="e-menu-wrapper e-lib e-keyboard" data-ripple="true">
<ul id="PortalAdminMenu" role="menu bar" tab index="0">
<li class="e-menu-item e-navigable" id="100f" role="menu item" data-value="null" tab index="-1" aria-label="
            Home
        "><a class="e-menu-text e-menu-url" href="#"   tab index="-1">
<div class="e-anchor-wrap">Home</div></a>
</li><li class="e-menu-item e-navigable e-menu-caret-icon"  role="menu item" data-value="null" tab index="-1" aria-label=" abc&amp; xzw" aria-haspopup="true" aria-expanded="false"><a class="e-menu-text e-menu-url MenuHeader" href="#" tabindex="-1"><div class="e-anchor-wrap">
            abc&amp; xzw</div></a><span class="e-icons e-caret" aria-hidden="false"></span></li>
</div>


       
    
    menuBar.find('li').on('keydown', function (e) {
            if (e.keycode == '13' || e.keycode == '40' || e.keycode == '32') {
                e.preventDefault();
                $(this).trigger('click');
            }
        });

steps: 1)open jaws 2)access the menus using keyboard only 3)navigate through home and invoice etc 4)on invoice (aria-expanded="true" and aria-haspopup="true") -on down arrow it should open sub menus but in my case it is not opening.