Position sticky lags behind scroll event

Fixed Issue #15018231

Details

Author
Ferdy C.
Created
Dec 8, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

I’m happy to see the new support for position:sticky, but it seems to fail at a fundamental level. Take this extremely simple test:

https://codepen.io/fchristant/pen/oorKWE

Open this page in Edge, and scroll down very fast. You can see the sticky bar dissapearing and re-appearing. It doesn’t seem to update fast enough, or only when scrolling stops.

This issue seems very similar to old Safari versions, which did not update fixed and sticky elements until the scroll event was done.

This is not expected behavior. Chrome and Firefox both keep the sticky element tightly positioned without any rendering glitches or delays.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge and available in Insider Preview build 17046.

      Best Wishes,
      The MS Edge Team

    • Heh, that is great to hear, thanks!
      When will this be available to non-insiders? Do we have to wait for a big Windows update before getting this?

    • Microsoft Edge Team

      Changed Status to “Fixed”

    • Hello,

      Thank you for providing this update. This fix is only available for insiders until the public push. We recently started pushing the 16299 release, so I expect the current insider preview to be pushed around spring of 2018.

      Best Wishes,
      The MS Edge Team

    • @ James M
      Right now we are using position sticky in many places in our project. Sticky playing main role… Will u please tell me when the next version will be released… It is already spring…

    • This is slowing down my project too …

    • Changed Status from “Fixed”

    • I suggest to not mark this as fixed, because the issue remains in Microsoft Edge 42.17134.1.0. Position: sticky still cannot keep up with fast scrolling and flickers and lags all over the place.

      In which release is this actually solved?

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for providing this information about the issue. Unfortunately, this update did not make it in the Spring 2018 push (build 17134). We are pleased to report this feature is fixed in Edge 17672 and is available in our Insider Preview build on the fast ring.

      Best Wishes,
      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Fixed”

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

    Sign in