Flexgrid Dropdown Closes Immediately on Auto Sized Rows with Large Data

Flexgrid Dropdown Closes Immediately on Auto Sized Rows with Large Data

Posted by: bornb on 10 September 2021, 5:47 am EST

• 

  bornb

  • Post Options:
  • Link
    Copy

  Posted 10 September 2021, 5:47 am EST

  I am seeing an issue in the flexgrid where if a row has a lot of data in a cell, then has another field with a lot of data in a data map, and the row is autosized. When the cell with the data map is opened, the list of items is shown briefly and then immediately closes, the user is unable to select an item from the list.

  Example: https://stackblitz.com/edit/wijmo-angular-l5wjrj
  
  Steps to reproduce:

  • "

    • “On the 5th grid row click on the country drop down, it functions as expected”

    • “Click on the Autosize Rows button, this will expand the 5th row so you can see more data in the product field”

    • “Click on the country drop down again in the 5th grid row”

    • “The list is briefly shown and then immediately closes”

  "

  Thank you in advance!

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 13 September 2021, 12:14 am EST

  Hello,

  This issue seems to be a bug, we have escalated the issue to our Dev team for further investigation with an internal tracking id WJM-20897. We will let you know as soon as we get any updates on this.

  Meanwhile as a workaround, you can set the height of the dropdown to stop the dropdown from automatically closing. Please refer sample link to the code snippet below:

  
  .wj-dropdown-panel {
    height: 100px !important;
  }
  
  

  sample link: https://stackblitz.com/edit/wijmo-angular-cjrtea?file=src%2Fstyles.css

  Regards