"CSS grid" and position sticky render issue

Issue #15052782 • Assigned to bbrinza


Fabio T.
Dec 11, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 1 person

Sign in to watch or report this issue.

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.


0 attachments

    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”

    You need to sign in to your Microsoft account to add a comment.

    Sign in