Wijmo sub-menu

Wijmo sub-menu

Posted by: gkukko on 24 February 2019, 11:27 pm EST

• 

  gkukko

  • Post Options:
  • Link
    Copy

  Posted 24 February 2019, 11:27 pm EST - Updated 3 October 2022, 10:40 am EST

  Hi,

  I am facing issue while using sub-menus in Angular 2. If we set property openOnHover to true, then it works as expected but when the focus/cursor is moved out of the menu controls then entire menus got disappear. I think it should not be standard behavior as cursor might get move by mistake.

  Also not sure if the behavior is intentional or not, but what I observe is, if user moves the cursor over the sub-menu and if there is no space available on right side for menus to render then menus are getting overlapped with parent menus, even there is space available on the left side.
  
  Please find the attachment.

  Please let me know if you need more information.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 25 February 2019, 7:26 pm EST

  Hi,

  but when the focus/cursor is moved out of the menu controls then entire menus got disappea
  
  This behaviour is by design. Also, an enhancement request already exists for this requirement(to not close the menu on mouseleave), we have added you as correspondence for the case and will let you know regarding any updates on this. Internal tracking Id fro the issue is: 362723

  but what I observe is, if user moves the cursor over the sub-menu and if there is no space available on right side for menus to render then menus are getting overlapped with parent menus, even there is space available on the left side.
  
  This is also a design behaviour. Submenus are displayed on the right of the menu to keep the natural reading flow(left to right) and if enough space is not available then they are shifted to the left only enough that the submenu could fit the screen.

  ~Sharad

• 

  chris.bannon

  • Post Options:
  • Link
    Copy

  Posted 13 May 2019, 12:45 am EST

  We just added a property to solve this issue in build 605.

  It is called Menu.closeOnLeave https://www.grapecity.com/wijmo/api/classes/wijmo_input.menu.html#closeonleave

  Here is a demo that sets closeOnLeave to false when openOnHover is set to true (since they work in unison). https://jsfiddle.net/Wijmo5/kpa6g4n2/

• 

  gkukko

  • Post Options:
  • Link
    Copy

  Posted 17 June 2019, 10:07 pm EST - Updated 3 October 2022, 10:40 am EST

  Thank you Chris.

  With this, I saw a new issue. If openOnHover = true, and user clicks on multiple menus containing sub-menus, then sub-menus never get hidden.

  To replicate this please follow below steps

  • "

  • “Go to https://www.grapecity.com/wijmo/demos/Input/Menu/HierarchicalMenus/angular”

  • “Add [closeOnLeave] = “false” on Format menu”

  • “Hover on Format”

  • “Click on Font, Color and Background one by one”

  • “Click outside of the submenus”

  • "You will observe the sub-menu is still visible "

  "

  Please refer attached screenshot.
  
  

  

  960×372 16.3 KB

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 18 June 2019, 9:16 pm EST

  Hello,

  We were able to replicate the issue at our end so we forwarded the issue to the dev team as a bug report with internal tracking id 385244. We will give you an update as soon as the issue is resolved.

• 

  chris.bannon

  • Post Options:
  • Link
    Copy

  Posted 19 August 2019, 1:16 am EST

  This was fixed and confirmed in our latest release (build 5.20192.624)

  Thanks so much for the request and taking the time to report the issue.