Position sticky not sticking at the right position when colliding with position:fixed

Confirmed Issue #14721855 • Assigned to Francois R.


Jesper K.
Nov 17, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

Have a look at https://jsfiddle.net/wfqpt2bo/7/
The gray div should stay at the top of the window when you scroll, but in Edge it sticks to somewhere else. Works correctly in all other browsers that support sticky.

PS. Sticky and fixed elements also jumps around a pixel or two. Look at the bottom of the red div…DS


0 attachments

    Comments and activity

    • Maybe some text will make the jumping I mentioned in the ps easier to spot (not that it is that subtle).

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “wptcomptri@microsoft.com”

      Changed Assigned To to “bbrinza”

      Changed Title from “Position sticky bug - not sticking to the right position.” to “Position sticky not sticking at the right position when colliding with position:fixed”

    • This reminds me of another issue where a CANVAS element was used instead of a position:fixed element, there might be some layering computation at hand here. Marking the two issues as related for now, and asking to check this issue once the other one gets resolved.

    • Thanks for the comment and update @Francois !
      Could you link to the related issue somehow so that can be followed? I’m guessing updates will be posted in that one since it’s the "original"?

      Thanks 😊

    • I don’t think the other issue is public right now. If they prove related, I’ll make sure to update this issue with the status of the other issue, this should be transparent for you and you can continue to follow this issue.

    • Microsoft Edge Team

      Changed Assigned To from “bbrinza” to “Francois R.”

      Changed Status to “Confirmed”

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

    Sign in