[Webkit-unassigned] [Bug 205915] New: Certain special characters causes the ::first-letter CSS selector to overflow to multiple characters

[bugzilla-daemon at webkit.org]

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

            Bug ID: 205915
           Summary: Certain special characters causes the ::first-letter
                    CSS selector to overflow to multiple characters
           Product: WebKit
           Version: Safari 13
          Hardware: All
                OS: All
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: duncan.mckenna at me.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 387093

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

screenshot of ::first-letter styling

When there is a special character in the second letter of a paragraph (e.g. !, #, @, & and others), the CSS selector ::first-letter overflows and selects subsequent letters. 

This seems to be a common issue in multiple browsers.

Example and current workaround: https://codepen.io/duncan_ie/full/povzbeR

-- 
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/20200108/a44206df/attachment.htm>