You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Upon initialization, grid columns containing a body template have incorrect resizing when width='auto' is set. This leads to an issue where the column content overlaps with the adjacent column.
Steps to reproduce
Add grid component.
Create a body template and add it to some of the grid columns.
As content include a element with width that will overlap with the other columns if explicit column height or width='auto' are not set.
Set width='auto' to the column.
Start the application and observe the column widths.
Result
The column featuring the specified template is overlapping with the adjacent column.
Expected result
On initialization the columns with defined templates to be resized correctly.
The same approach works as expected for igniteui-angular grid.
@dobromirts@dkamburov Technically, it's not a problem with the body template itself, more with the fact that web components do not initialize instantly when injected in the DOM, so they don't have their actual size when measured. If you put something that is not a web component in the template, for example a simple button, then it will have it's actual size when rendered and will be measured correctly. Added some handling for such scenarios in angular.
Description
Upon initialization, grid columns containing a body template have incorrect resizing when width='auto' is set. This leads to an issue where the column content overlaps with the adjacent column.
Steps to reproduce
Result
The column featuring the specified template is overlapping with the adjacent column.
Expected result
On initialization the columns with defined templates to be resized correctly.
The same approach works as expected for igniteui-angular grid.
Attachments
Sample - column-templates-initialization.zip
The text was updated successfully, but these errors were encountered: