Bug 240418 - "writing-mode" cannot work with table
Summary: "writing-mode" cannot work with table
Status: RESOLVED DUPLICATE of bug 65917
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-05-14 05:11 PDT by Chijin
Modified: 2022-07-20 01:18 PDT (History)
6 users (show)

See Also:


Attachments
webkit screenshot (85.87 KB, image/png)
2022-05-14 05:11 PDT, Chijin
no flags Details
chrome screenshot (189.84 KB, image/png)
2022-05-14 05:12 PDT, Chijin
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Chijin 2022-05-14 05:11:48 PDT
Created attachment 459351 [details]
webkit screenshot

reproduciable example: https://codepen.io/chijinz/pen/VwQmyEe

version: all webkit products (including Safari)

Description:

When setting the writing-mode of a table header element to "vertical-rl", the text in the header is not presented vertically.

Chrome works fine with this example.
Comment 1 Chijin 2022-05-14 05:12:07 PDT
Created attachment 459352 [details]
chrome screenshot
Comment 2 Chijin 2022-05-19 19:40:39 PDT
code:

```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00006").style["writing-mode"] = "vertical-rl"
}
</script>
</head>
<body onload=jsfuzzer()>
<table>
<th id="htmlvar00006">aaaaaaaaabbbbbbbbbbbbcccccccccc</th>
</table>
</body>
</html>
```
Comment 3 Radar WebKit Bug Importer 2022-05-21 05:12:13 PDT
<rdar://problem/93703409>
Comment 4 Kent Tamura 2022-07-20 01:18:51 PDT

*** This bug has been marked as a duplicate of bug 65917 ***