Kendo-angular: Grid: Column Resizing Odd Behavior in Certain Layouts
I'm submitting a...
- Bug report
Current behavior
In certain layouts when resizing columns it seems that the table content becoming scrollable horizontally is using the viewport size in its calculations.
Expected behavior
Minimal reproduction of the problem with instructions
Browser:
- Chrome (desktop) version XX
- Safari (desktop) version XX
ngiebel
>All comments
This is not an issue in the Grid component, rather in the specific layout. Using overflow to resolve this is okay. An alternative way of resolving the problem is to set min-width: 0 on the w-100 container -- here is an article that explains this in more detail.
The behavior is observed after resizing because the grid columns get assigned a width, so that they are not auto-sized. The same problem can also be observed if the gird is replaced with an arbitrary scroll container with enough content to cause a scroll. See this Stackblitz example.
gyoshev
on 4 Oct 2018
👍2
Was this page helpful?
0 / 5 - 0 ratings
Related issues
alexeykostevich
路
3Comments
ilianiv
路
3Comments
ghost
路
3Comments
simon11196
路
3Comments
ilianiv
路
3Comments
Most helpful comment
This is not an issue in the Grid component, rather in the specific layout. Using
overflowto resolve this is okay. An alternative way of resolving the problem is to setmin-width: 0on the w-100 container -- here is an article that explains this in more detail.The behavior is observed after resizing because the grid columns get assigned a
width, so that they are not auto-sized. The same problem can also be observed if the gird is replaced with an arbitrary scroll container with enough content to cause a scroll. See this Stackblitz example.