Dropdown value is not getting selected

Dropdown value is not getting selected

Posted by: sdayal on 16 August 2021, 6:28 am EST

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 16 August 2021, 6:28 am EST

  Hi Team

  https://stackblitz.com/edit/angular-tl5hab

  In above snippet when we add a new row and select a value from a single dropdown (section column) and remove that value using space bar. Then we cant reselect any value and popup also gets stuck.

  Steps:

  1. Add a new row.
  2. Select section value
  3. Keep focus on section cell and click on space bar form keyboard
  4. Now the value gets blank and popup gets stuck now select any other value it is not getting selected.

  Please provide a solution for this.

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 17 August 2021, 8:05 am EST

  ++ Issue appears on backspace as well

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 17 August 2021, 8:08 am EST

  Hi Shiva,

  I have updated the sample, to remove the issue you can handle the isDroppedDownChanging event of the dropDown and hide the dropDown popUp using the wijmo’s hidePopUp method. So if there any dropDown is opened it will first hide that popUp. Please refer to the code snippet below for reference:

    hidePopUp() {
      let elems = document.querySelectorAll('div[wj-part=dropdown]');
      for (let i = 0; i < elems.length; i++) {
        wjcCore.hidePopup(elems[i]);
      }
    }
  

  You can call this hidePopUp method inside the isDroppedDownChanging event to hide the existing popUp.

  You may confirm this using the updated sample link given below:

  https://stackblitz.com/edit/angular-n89rzv

  Let us know if that’s works for you.

  Regards,
  
  Ashwin