Safari не отображает режим вертикального письма в кнопках ⇐ CSS

[Anonymous]

Недавно я обнаружил проблему со свойством write-mode в Safari. В большинстве случаев Safari правильно обрабатывает режимы вертикального письма, но если применить его к элементу кнопки, этот элемент вернется к своему исходному значению, которое является горизонтальным-tb.
Другой пользователь запустил в аналогичную проблему, но, по моему мнению, на нее не было получено адекватного ответа. Мне больше любопытно, задокументировано ли это вообще. Согласно спецификации CSS, режим записи «применяется ко всем элементам, кроме групп строк таблицы, групп столбцов таблицы, строк таблицы, [и] столбцов таблицы...», и эти правила должны полностью поддерживаться согласно всем источникам, которые я могу найти.
Кто-нибудь знает больше об этой проблеме или может внести некоторую ясность в ситуацию относительно того, почему это происходит?

Код: Выделить всё

:root {
--writing-mode: vertical-rl;
}

.container {
display: flex;
gap: 12px;
}

button {
height: auto;
padding: 12px 8px;
writing-mode: var(--writing-mode);
}

.test-div {
outline: 1px solid red;
padding: 12px 8px;
writing-mode: var(--writing-mode)
}

a {
writing-mode: var(--writing-mode)
}

Код: Выделить всё

Test

Test

Test

Подробнее здесь: https://stackoverflow.com/questions/784 ... in-buttons