[Webkit-unassigned] [Bug 242052] New: Element with aspect-ratio, padding and height: 100% grow in size when repainted

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=242052

            Bug ID: 242052
           Summary: Element with aspect-ratio, padding and height: 100%
                    grow in size when repainted
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: gordonclark127 at gmail.com

Created attachment 460514

  --> https://bugs.webkit.org/attachment.cgi?id=460514&action=review

Smallest viable reproduction attachment

Elements that have the CSS properties: aspect-ratio, padding and height (specifically to 100%) set seem to inadvertently scale upwards whenever a repaint is triggered. These three properties were the least amount of properties I could find to set that would trigger the problem

I've included an attachment of the HTML I used, but the problems can easily be previewed on this code sandbox: https://codesandbox.io/s/broken-safari-forked-1n9o4k?file=/index.html. It's important to trigger the hover effect to see that the button elements grow. 

In practice I've found the hover effect is unimportant, but it helps to demonstrate the problem. Toggling styles in the developer tools (such as cursor) can cause the elements to scale upward.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220628/21eb7f42/attachment.htm>