[Webkit-unassigned] [Bug 200705] New: background clipped text and rotation via has dashed border

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Aug 14 01:37:21 PDT 2019


            Bug ID: 200705
           Summary: background clipped text and rotation via has dashed
           Product: WebKit
           Version: Safari 12
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: markcormack at gmail.com

Created attachment 376249

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

Contains image of results, HTML to reproduce issue

Using -webkit-background-clip and using transform: rotation has the desired result of clipping and rotating text, but has the side effect of adding a slim 0.5 pixel dashed border. This occurs independent of the font used, so not related to the font. Removing rotation fixes issue. This issue is specific to Webkit Safari both on iPhone and Mac using latest OS. Handles as expected without border in Chrome/Chromium Edge/Firefox.

Work around: use SVG text element instead to achieve the same effect without the border.

Test file attached to reproduce this issue

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/20190814/e2cd21cc/attachment-0001.html>

More information about the webkit-unassigned mailing list