Element with clip-path and aspect-ratio renders with wrong dimensions
Originator: | jtbandes | ||
Number: | rdar://FB9707213 | Date Originated: | 2021/10/15 |
Status: | Open | Resolved: | |
Product: | Safari | Product Version: | 15.0 (16612.1.29.41.4, 16612) |
Classification: | Reproducible: | Yes |
Steps to reproduce: - Visit https://jsfiddle.net/2kca5j0t/ - Resize the window. Observe that the gradient shape in the lower right appears cut off when the viewport is wider than it is tall. When resized so the viewport is narrow, the shape appears correct (not truncated). - Uncomment the "transform: scale(1);" rule. - Click the Run button in the upper left. - Observe that the gradient shape now appears correct regardless of the window size. - Visit the same demo page in Chrome and Firefox. Observe that the problem does not occur.
Comments
Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!
Also filed as https://bugs.webkit.org/show_bug.cgi?id=231849