Bug 240431 - Outline on inline elements do not work properly when writing-mode is vertical
Summary: Outline on inline elements do not work properly when writing-mode is vertical
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-05-15 12:00 PDT by diegocardoso
Modified: 2023-08-30 17:25 PDT (History)
6 users (show)

See Also:

Attachments
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 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.