Bug 307986 – Vertical writing-mode not respected on button in Epiphany

• Component: WebKitGTK
• Status: RESOLVED FIXED

[Ana Tudor]

Created attachment 478374 [details]
What happens in Epiphany: no sideways text on button elements

Set 

```
writing-mode: vertical-rl
```

on both a `div` and a `button`. All fine for the `div`, but  not for `button` in Epiphany (same goes for Epiphany TP).

Live test: https://codepen.io/thebabydino/pen/NPrdMav

This doesn't seem to be happening in actual Safari, not in any version newer than Safari 17 - see replies to my question asking about it: 

https://bsky.app/profile/anatudor.bsky.social/post/3mcikn2ylac2x

https://mastodon.social/@anatudor/115901310038620946

[Ana Tudor]

Created attachment 478375 [details]
Expected result in this case

[Ahmad Saleem]

I think 2 weeks back - Tim Ng made this commit - https://github.com/WebKit/WebKit/commit/1827fb80db1ee67ed98c2552017108c475985515, which may or may not solve this for Epiphany in future.

[Ana Tudor]

I'm currently seeing this issue with other controls like range inputs in Epiphany too, even if newer Safari versions don't seem to have this problem anymore.

As seen from the videos/ screenshots from the replies here: https://mastodon.social/@anatudor/116084553030322152

[Ahmad Saleem]

(In reply to Ana Tudor from comment #3)
> I'm currently seeing this issue with other controls like range inputs in
> Epiphany too, even if newer Safari versions don't seem to have this problem
> anymore.
> 
> As seen from the videos/ screenshots from the replies here:
> https://mastodon.social/@anatudor/116084553030322152

Yes - I think vertical form controls were disabled on non-Apple port till two weeks ago and now with above, change at least on platform which uses `THEME_ADWAITA`, it will work. I will let WebKitGTK folks answer with more authority + clarity but I know it is just recent change.

[Patrick Griffis]

Tested main and the given example works correctly.