Image partially/fully lost when scrolling using a CSS parallax implementation

Confirmed Issue #9848456 • Assigned to Rick J.

Details

Author
David K.
Created
Nov 17, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
14.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

When using CSS perspective on the parent, and transform: translateZ() to simulate parallax during scrolling, the background image (with a negative pixel value for translateZ()) gets partially or fully lost in Edge if you scroll it off the screen, then back onto the screen.

Here is a JSFiddle to demonstrate an example of the problem:
https://jsfiddle.net/k5turt08/

Attachments

Comments and activity

  • Added screenshots of before and after, showing that half of the background image is now missing. It is possible to lose the entire background image on this, as well.

  • Microsoft Edge Team

    Changed Assigned To to “Ibrahim O.”

    Changed Assigned To to “Rick J.”

    Changed Status to “Confirmed”

  • Microsoft Edge Team

    Changed Title from “Image partially/fully lost when scrolling using a CSS parallax implementation” to “Image partially/fully lost when scrolling using a CSS parallax implementation”

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

Sign in