Rank 2
Iron
Hi,
Why can't I use the Grid component inside the Drawer? The scroll disappears, and when scrolling occurs, it happens on the page and not within the grid. I created an example containing two grids. As you can see, the top grid has scrolling, but when inserted inside the Drawer, the scrolling no longer appears
Link
Oq8tmu (forked) - StackBlitz
These display: flex settings are responsible for this. I don't understand why, and what can I do to fix that?
1 Answer, 1 is accepted
Hello Gabriel,
I have tested the example that you have shared, but the scrollbar for both Grid components is displayed and works correctly on my side. I have tested it on Chrome and I am attaching a screenshot with the example on my side.
If the issue persists on your side, please elaborate if you are still able to observe the issue in the example and on which browser you are seeing the issue.
Looking forward to your reply.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 2
Iron
ohh sorry, I'm referring to horizontal scrolling, not vertical scrolling. please make the screen smaller and u can see the problem. All the grids I use have many columns.
Thanks
Hi Gabriel,
For the horizontal scrollbar, you can force the overflow of the content to be "hidden", so that the Grid can change its width accordingly:
.k-drawer-content {
overflow: hidden;
}Another option is to set explicit width for the Grid and update it dynamically if the window resizes.
Rank 2
Iron
The horizontal scroll doesn't work; it only appears on the page.
Rank 2
Iron