Bug 259036

Summary: Inline elements bug when using text-box-trim & text-box-edge.
Product: WebKit Reporter: Nilesh Prajapati <nileshprajapati>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Mac (Apple Silicon)   
OS: macOS 13   
Attachments:
Description Flags
Html file demonstrating inline element issue when using text-box-trim & text-box-edge.
none
WebKit ToT vs Other Browsers none

Description Nilesh Prajapati 2023-07-09 14:15:08 PDT
Created attachment 466994 [details]
Html file demonstrating inline element issue when using text-box-trim & text-box-edge.

Hi Webkit

Title: inline elements bug when using text-box-trim & text-box-edge.

CSS: text-box-trim & text-box-edge 

I noticed an issue with the CSS text-box-trim (& text-box-edge) when inlining other elements in the paragraph tag.

Issue: 
An alignment issue on the y-axis when inline elements in the paragraph tag.

Attachment:
I have included a project file of the issue that contains a subset of HTML elements (q, a, b, code, i) wrap around a paragraph tag.

Thanks,
Nilesh
Comment 1 Ahmad Saleem 2023-07-15 09:00:54 PDT
Created attachment 467051 [details]
WebKit ToT vs Other Browsers
Comment 2 Radar WebKit Bug Importer 2023-07-16 14:16:17 PDT
<rdar://problem/112365748>