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

Fixed Issue #14721855

Details

Author
Jesper K.
Created
Nov 17, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 8 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

Attachments

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).
      https://jsfiddle.net/wfqpt2bo/9/

    • 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”

      Changed Status from “Confirmed” to “Fixed”

    • This will be fixed in the next release of Edge (Edge 17)

    • This issue needs to be reopened, as it still exists as of Edge 38

    • Edge 38 is an old version, probably used with EdgeHTML 16. This bug will be fixed in the new release of Windows+Edge coming out in a few days, there is no reason to reopen this bug.

    • hi I use position: sticky; on my web site;
      but Edge doesn’t show the section, and Chrome and Firefox show it;
      Could you help me? or fix the problem in Edge?

      http://www.earthingsystem.ir/EarthingSystemStore.aspx

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

    Sign in