Bug 247142

Summary: REGRESSION (Safari 16): Input placeholder misaligned on revaaa.com
Product: WebKit Reporter: Chris <feedback>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, akeerthi, ap, cdumez, feedback, mmaxfield, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=245422
Attachments:
Description Flags
Safari 15.6.1 rendering
none
STP 156 rendering none

Description Chris 2022-10-27 11:13:28 PDT
New bug as requested. Please see 245422

Thank you
Comment 1 Aditya Keerthi 2022-10-27 13:59:58 PDT
Created attachment 463284 [details]
Safari 15.6.1 rendering
Comment 2 Aditya Keerthi 2022-10-27 14:01:24 PDT
Created attachment 463285 [details]
STP 156 rendering
Comment 3 Aditya Keerthi 2022-10-27 14:02:06 PDT
Screenshots show that the placeholder is slightly lower on STP 156, compared to Safari 15.6.1.
Comment 4 Radar WebKit Bug Importer 2022-10-27 15:17:48 PDT
<rdar://problem/101653116>
Comment 5 Chris 2022-11-02 12:23:03 PDT
The issue appears to be caused by the use of unicode characters within curly brackets.

In this case: \u{1F50D}

Unicode without curly brackets does not trigger the bug.
Comment 6 Ahmad Saleem 2023-05-27 01:42:13 PDT
@Alan - With your recent line height fix, will this be fixed as well?
Comment 7 zalan 2023-05-27 08:12:01 PDT
(In reply to Ahmad Saleem from comment #6)
> @Alan - With your recent line height fix, will this be fixed as well?
Probably not as this is about the placeholder content while my fix was targeting the actual input content.