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

Also filed as https://bugs.webkit.org/show_bug.cgi?id=231849


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!