Steps to reproduce
See this demo: https://codepen.io/bludev/pen/BmpwPP
First: the grid is not correctly rendered at startup, it’s necessary move the scroll bars.
Then the scrolling of the grid is very slow, either click on the scroll arrows or by dragging the slider.
If you drag the slider of the vertical scroll bar, the grid disappears until you stop scrolling.
Expected behaviour: the scrolling should be smooth, without flickering. The fixed headers (position: ‘sticky’) should always be visible, even while scrolling.
The same demo works correctly in Chrome and (partially) in Firefox.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Matt R.”
Changed Assigned To to “bbrinza”
Changed Title from “"CSS grid" render issue” to “"CSS grid" and position sticky render issue”