Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Menu list displays when cursor moves outside link area



A Link control is configured with an action to display the menu on hover. The menu is displays on mouse hover, however when the cursor moves outside the link area, the menu continues to display. The menu must not display when the cursor moves outside the link area.

Error Messages

Not Applicable 

Steps to Reproduce

  1. Create a Link control in a section.
  2. Switch to Actions tab for the control.
  3. Add an action set for the hover event to open the menu.
  4. Save and select Actions > Preview. When hovering over a link, the menu displays, however, the menu continues to display when cursor is moved out of the link area.

Root Cause

A defect in Pegasystems’ code or rules.


Perform the following local-change:
  1. In the Action tab of the Link, invoke the removeMenu Run script.
  2. In UserWorkForm, add the below code and Save the rule.

    function removeMenu(){ 
    var menuDiv = $(".menu-panel-wrapper"); 
    menuDiv.wrap("<div class = 'remove' onmouseleave='removeMenuFinal(event)'></div>"); 

    function removeMenuFinal(event){ 
    var target =
    var menuDiv = target.querySelector(".menu-panel-wrapper"); 



Published October 9, 2018 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us