[Webkit-unassigned] [Bug 248345] New: Input caret is not properly sized for empty contenteditable element with ::before content and display: inline-block

[bugzilla-daemon at webkit.org]

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

            Bug ID: 248345
           Summary: Input caret is not properly sized for empty
                    contenteditable element with ::before content and
                    display: inline-block
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: HTML Editing
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: justice360 at gmail.com
                CC: wenson_hsieh at apple.com

Created attachment 463731

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

The caret fills the vertical space and is misplaced

For an empty element with contenteditable="true", if it also has display: inline-block and a ::before pseudo element, when we focus the element to start editing, we'll notice that the input caret fills the whole vertical space and is misplaced.

See the reproduction: https://jsbin.com/gemedokovu/1/edit?html,css,js,output

-- 
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/20221125/1c23b759/attachment-0001.htm>