Bug 193377
| Summary: | -webkit-background-clip not working with background-attachment: fixed | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Jayden Irwin <gullets_pharaoh.0m> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser |
| Priority: | P2 | ||
| Version: | Safari 12 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 12 | ||
| URL: | https://www.jaydenirwin.com/spritepencil/ | ||
Jayden Irwin
Code:
background-attachment: fixed;
-webkit-background-clip: text;
This should create text with a background that is fixed to the window, so when the user scrolls the background should look like it's moving.
Desktop Safari renders the element properly, but Mobile Safari does not.
See the large title on the page below. It *should* go from black to green when scrolling down. (And it does in Desktop Safari.)
https://www.jaydenirwin.com/spritepencil/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
MobileSafari doesn't support background-attachment:fixed, and never has, to avoid lots of repaints when scrolling.