Wijmo dropdown keeps remain open

Wijmo dropdown keeps remain open

Posted by: sdayal on 28 October 2021, 11:13 pm EST

• 

  sdayal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 28 October 2021, 11:13 pm EST

  Hi Wijmo Team,

  https://stackblitz.com/edit/angular-dbahg1?file=src/app/app.component.ts

  We came up with one more bug that the dropdown remains open if we keep navigating through pages, keep clicking on dropdown, and apply some filters.

  Its very hard to reproduce this issue on snippet. For this we are already used:
  
  isDroppedDownChanging: (s, e) => {
  
  this.hidePopUp();
  
  },
  
  But this also gets failed in some cases. If you have some suggestions please let us know.
  
  And this issue appears for both single and multi-select.
  
  Thanks

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 31 October 2021, 5:50 pm EST

  ++ Even on pagination change the dropdown remains open or the dropdwon of first row gets open.

  Please help up with above issue.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 31 October 2021, 9:55 pm EST

  Hello,

  We apologize, but we are unable to replicate the issue at our end. However, as per the observation, the issue might be occurring because when a certain cell range or grid gets refreshed the cell elements for the dropDown get changed causing the dropdown to lose the hostElement. To resolve the issue you may call the hidePopup() method after each time a certain range gets updated also you need to add a handler to the refreshed event of FlexGrid and call the hidePopup method every time the FlexGrid gets refreshed.

  Please refer to the sample link demonstrating the same: https://stackblitz.com/edit/angular-hihvib?file=src/app/app.component.ts

  Let us know if that’s works for you.

  Regards

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 10 November 2021, 5:00 pm EST

  Hi,

  For multi-select if I use hidePopup method after rangeRefresh. It closes the popup after every value selection.

  Thanks

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 11 November 2021, 10:45 pm EST

  Hello,

  We are able to replicate the issue at our end. To resolve the issue I would recommend you to only call the hidePopup method in the columns which do not contain multiselect. As we are unable to replicate the original issue of dropdown remain open we can only recommend you to call the hidePopup method on collectionView pageChanging event ( as the issue was occurred on the page changed). You may refer to the code snippet and sample link below demonstrating the same:

  
      grid.collectionView.pageChanging.addHandler((s, e) => {
        this.hidePopUp();
      });
  
  

  Sample link: https://stackblitz.com/edit/angular-anuh3x?file=src/app/app.component.ts

  Hope it helps.

  Regards