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

Description diegocardoso 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

Comment 1 Radar WebKit Bug Importer 2022-05-22 12:01:11 PDT

<rdar://problem/93727075>

Comment 2 Ahmad Saleem 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.