FlexGrid is miscalculating row height when autoSizeRows() is called

FlexGrid is miscalculating row height when autoSizeRows() is called

Posted by: gibbonsk on 31 May 2019, 5:59 pm EST

• 

  gibbonsk

  • Post Options:
  • Link
    Copy

  Posted 31 May 2019, 5:59 pm EST

  Please find this simple demonstration of the bug:
  
  https://stackblitz.com/edit/wijmo-angular6-rusvay

  You will see that when the rows are initially loaded they are the correct size, but when the FlexGrid.autoSize() function is run after two seconds some of the rows bump up in size. This is not desired behavior and appears to be a bug in the row measurements.

  I have found that setting [quickAutoSize]=“true” on the grid is a workaround for this issue.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 3 June 2019, 8:02 am EST

  Hi,

  We are able to replicate the issue at our end. It seems to be related to the usage of the following CSS:

  .wj-header{
  	white-space: "normal";
  }
  

  Changing white-space to “pre” seems to fix the problem, please let us know if you any specific requirement for using “normal” and cannot change the white-space to “pre”.

• 

  gibbonsk

  • Post Options:
  • Link
    Copy

  Posted 4 June 2019, 5:24 pm EST

  A while back there was an issue with Firefox showing the filter icons in the grid headers. This required the “white-space” to be set to “normal”, but has since been resolved.

  However, it’s odd that white space styles in the header are affecting row height calculations. I just thought I’d bring it to your attention. Thanks.

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 6 June 2019, 6:41 am EST

  Hello,

  We are glad to know that you were able to resolve your issue without using white-space. Further, we have added a bug report for the issue with internal tracking id 383658.