Bug 240431

Summary:	Outline on inline elements do not work properly when writing-mode is vertical
Product:	WebKit	Reporter:	diegocardoso <diegopc86>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW
Severity:	Normal	CC:	ahmad.saleem792, bfulgham, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	BrowserCompat, InRadar
Version:	Safari 15
Hardware:	Mac (Apple Silicon)
OS:	macOS 12

diegocardoso

Reported 2022-05-15 12:00:17 PDT

The outline on inline elements does not rotate with the logical dimensions when writing-mode is set to vertical (either vertical-lr or vertical-rl). Margin, on the other hand, works fine. Reproducible code: https://jsbin.com/jadigefowi/edit?html,css,output

Attachments
Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2022-05-22 12:01:11 PDT

<rdar://problem/93727075>

Ahmad Saleem

Comment 2 2023-08-30 17:25:36 PDT

I am able to reproduce this bug in WebKit ToT (267474@main) where the 'outline' is horizontal and don't respect 'writing-mode' as 'vertical'. Adding 'BrowserCompat' tag since it works fine in Chrome Canary 118 and Firefox Nightly 118.

Note You need to log in before you can comment on or make changes to this bug.