Hello TerryBryan,
Thank you very much for such a quick reply.
I did try to set z-index:999 on .positionHelper, but that did not fix the issue.
All menu items are generated dynamically.
Here is the code of one of the menu items:
<ul aria-hidden="false" aria-expanded="false" class="ui-menu ui-widget ui-widget-content ui-corner-all"
role="menu" contentEditable="inherit" sizcache03392690264908838="9888 43 447461"
jQuery182001445584620387963="103">
<li class="ui-menu-item" role="presentation" contentEditable="inherit" sizcache03392690264908838="9943 43 450931">
<a aria-haspopup="true" id="ui-id-258" class="ui-corner-all" role="menuitem" tabindex="-1" contentEditable="inherit" sizcache03392690264908838="42 39 461">
<span class="ui-menu-icon ui-icon ui-icon-carat-1-e" contentEditable="inherit" jQuery182001445584620387963="192">
<span class="ui-icon ui-icon-folder-collapsed" contentEditable="inherit"></a>
<ul aria-hidden="false" aria-expanded="false" class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" contentEditable="inherit" jQuery182001445584620387963="104">
<li class="ui-menu-item" role="presentation" contentEditable="inherit">
<a id="ui-id-268" class="ui-corner-all" role="menuitem" tabindex="-1" contentEditable="inherit" href="\<some_url\>">
UserName
</a>
</li>
<li class="ui-menu-item" role="presentation" contentEditable="inherit">
<a id="ui-id-269" class="ui-corner-all" role="menuitem" tabindex="-1" contentEditable="inherit" href="\<some_url\>">
HR_TERM
</a>
</li>
</ul>
</li>
</ul>
Thanks for your help.