www.apple.com - The text is not scrolled over the image

[cipriansv]

URL: https://www.apple.com/imac-pro/

Browser / Version: Firefox Nightly 74.0a1 (2020-01-15)
Operating System: Windows 10 Pro
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: Different scrolling experience
Steps to Reproduce:

1. Access https://www.apple.com/imac-pro/.
2. Scroll down to reach the image contained by the "Power to the pro" section of the page.
3. After reaching the image continue scrolling.
4. Observe the text transition.

Expected Behavior:
The text must be scrolled over the image, having the image in the background.

Actual Behavior:
The text is scrolled at the same time as the image.

Notes:

1. The issue is not reproducible on Chrome 79.0.3945.117.
2. Screenshots attached.

Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan

sv;

This is how the page looks on Firefox Nightly:

And this is the page on Chrome:

Browser Configuration

• None

From webcompat.com with ❤️

[karlcow]

This is very similar https://bugzilla.mozilla.org/show_bug.cgi?id=1083997
which was closed and I check again it is still working.

This is happening server side. The markup sent is not the same.
If I give a Chrome UA to Firefox and I scroll, I get the right effect.

[softvision-oana-arbuzov]

The layout has changed. I've checked a few pages from the site and they all seem to work and display animations correctly.
https://www.apple.com/iphone-13-pro/
https://www.apple.com/macbook-pro-14-and-16/
https://www.apple.com/macbook-pro-13/
https://www.apple.com/imac-27/

Tested with:
Browser / Version: Firefox Nightly 98.0a1 (2022-01-12), Firefox Nightly 98.0a1 (🦎 98.0a1-20220111093827)
Operating System: Windows 10 Pro, Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

Closing the issue.