igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

IgxGrid: autosized columns affected by grid's parent elements CSS transform: scale funtion

Open ddaribo opened this issue 3 years ago • 0 comments

Description

When the container element of the igx-grid has a CSS transform: scale applied and the columns' autosize() method is used, the newly returned width of the longest visible cell is also scaled, thus the autosize effect being lost (for example when the scale is <1, such as 0.6) as the cells get more narrow.

  • igniteui-angular version: any
  • browser: any

Steps to reproduce

  1. Sample

Result

image

Expected result

image

The above is achieved by using the recently introduced feature about setting [width]="'auto'" for each column in the template (Sample). The expected behavior would be the same for the autosize() method.

ddaribo avatar Aug 29 '22 08:08 ddaribo