[Webkit-unassigned] [Bug 218300] New: Incorrect percent transform-origin when browser is zoomed

[bugzilla-daemon at webkit.org]

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

            Bug ID: 218300
           Summary: Incorrect percent transform-origin when browser is
                    zoomed
           Product: WebKit
           Version: Safari 13
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: zbbjornson at gmail.com
                CC: zimmermann at kde.org

Created attachment 412552

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

Screenshot in Safari 13.1.2

https://jsfiddle.net/uq6dmrt2/1/

HTML:
  <svg width=100 height=100>
    <circle id="c1" />
  </svg>

CSS:
  svg {
    border: 1px solid gray;
  }

  circle {
    cx: 50%;
    cy: 50%;
    r: calc(50% - 4px / 2);
    stroke: darkblue;
    stroke-width: 4px;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    fill: transparent;
  }

When the browser is zoomed (edit menu, not pinch zoom), the transform origin is incorrect and the circle gets truncated.

(Safari 13.1.2)

-- 
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/20201028/68c6901c/attachment-0001.htm>