mdn / mdn/browser-compat-data

css.properties.writing-mode - vertical-* does not work on <th> or <td> on iOS < 17

Open
#29,241 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:safari_ios data:css good first issue p3
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

In the browser compatibility table it is stated that on Iphones with iOS 9 or higher writing-mode: vertical-* is supported. However on or elements it is only supported from iOS 17 or higher.

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

Text on the <th> or <td> to be vertical.

Did you test this? If so, how?

Tested on a iPhone 8 with iOS 16.7.14 with:

<table>
    <thead>
        <tr>
            <th style="writing-mode: vertical-lr">This text should be vertical</th>
        </tr>
    </thead>
</table>
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/writing-mode#browser_compatibility

Do you have anything more you want to share?

According to Gemini. support for writing-mode: vertical-lr on table elements like <th> and <td> was added to Webkit on iOS 17.

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/writing-mode

MDN metadata
MDN page report details
  • Query: css.properties.writing-mode
  • Report started: 2026-03-12T12:19:25.913Z

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by inspecting the css.properties.writing-mode compatibility data and compare its iOS Safari entries with the MDN browser compatibility page and the reported iOS 16 and 17 behavior. Update the affected support data if the claim is confirmed, then run the repository's data validation checks; done means the table distinguishes support for th and td elements accurately.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.