Wijmo dropdown keeps remain open

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

  • 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
  • Replied 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.
  • Marked as Answer

    Replied 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
  • Replied 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
  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels