CSS parallax demo paint issues

Fixed, not yet flighted Issue #5084491

Details

Created
Oct 19, 2015
Privacy
This issue is public.
Reports
Reported by 9 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Visit: http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/ in Firefox, Opera, Safari or Chrome and note the effect. Now load in Edge - you should see the rendering issues.

Expected Results:

The page should scroll smoothly with layers of content moving a different speed

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

    • Note that a workaround for this issue accompanies the original report here:
      https://connect.microsoft.com/IE/feedbackdetail/view/1919720/css-parallax-demo-paint-issues

    • Microsoft Edge Team

      Changed Assigned To from “Christian F.” to “Rick J.”

    • Note the workaround listed above is not 100%. In my case the parallax gets “frozen” after attempting to show 1 or 2 repaints. It seems to fail mostly when using the scrollbar. When animating a 3d transform (via transition, for example), the parallax works as expected.

    • Microsoft Edge Team

      Changed Title from “CSS parallax demo paint issues” to “CSS parallax demo paint issues”

      Changed Assigned To from “Rick J.” to “Matt A.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Matt A.” to “IE S.”

      Changed Status from “Confirmed” to “Fixed”

      Changed Status from “Fixed” to “Fixed, not yet flighted”

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

    Sign in