Bug 259036 - Inline elements bug when using text-box-trim & text-box-edge.
Summary: Inline elements bug when using text-box-trim & text-box-edge.
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-07-09 14:15 PDT by Nilesh Prajapati
Modified: 2023-07-16 14:16 PDT (History)
5 users (show)

See Also:

Attachments
Html file demonstrating inline element issue when using text-box-trim & text-box-edge. (1.36 KB, text/html)
2023-07-09 14:15 PDT, Nilesh Prajapati 		no flags Details
WebKit ToT vs Other Browsers (638.32 KB, image/png)
2023-07-15 09:00 PDT, Ahmad Saleem 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>