Position Sticky with Z-Index issue on tablet and mobile view

[andeng1106]

Describe the bug

• Position Sticky with Z-Index set to 10 on tablet and mobile view doesn't work.
• If I set both settings on Desktop, it works correctly on all responsive views
• Issue both on editor and frontend
• No specific theme

Current workaround:

• Add a Position top setting (any) for the Position sticky to work

To Reproduce
Steps to reproduce the behavior:

1. Add a new page
2. Add a new block (e.g. Heading)
3. (optional) Add a Spacer with a Height of at least 1000px to make the page scroll
4. Switch responsive view to tablet or mobile
5. In Advanced tab, set Z-Index to 10 and Position to Sticky
6. Scroll down the page
7. See that the Heading sticks correctly in the editor (correct)
8. Save page and view frontend page
9. Inspect page and toggle responsive to tablet or mobile
10. Repeat step 6
11. See that the Heading didn't stick or become sticky on tablet or mobile

Expected behavior

• It should work as expected if I use Position Sticky with Z-Index on tablet and mobile setting.
• Here's what it looks like on all responsive view if I use Position Sticky with Z-Index on desktop setting:

desktop.z-index.position.sticky.mov

Screenshots

tablet.mobile.z-index.and.position.sticky.mov