Мы сталкиваемся с проблемой, которая возникает только в iOS Safari (протестировано в 12.3.3 и 13.3).
У нас есть страница, отображающая японский по вертикали.
Мы сильно полагаемся на writing-mode: tb-lr .
С заголовками и текстом все в порядке, но входные данные для вертикальной записи не поддерживаются:
https://www.w3.org/International/tests/repo/results/writing-mode-vertical
Итак, небольшой взлом, который мы использовали, заключается в использовании Текстовая область шириной 1 символ вместо входов.
Работает.
Но курсор отключен, когда textarea находится в table.
Демонстрация: https://codepen.io/AzetJP/pen/dyPmrLw
Похоже, что в таблицах и в режиме записи связаны ошибки в iOS.
Возможно, это связано с нашей проблемой:
Мы обнаружили похожие проблемы на SO:
Но вещь о фиксированной позиции не помогает в нашем случае.
Мы были бы признательны, если кто-нибудь знает какие-нибудь обходные пути в JS и / или CSS, чтобы «заставить» Safari отобразить курсор в правильном месте. .
Спасибо за вашу помощь.