在浏览器互通项目 Interop 2023 的倡议下，目前业界主流浏览器都开始统一垂直表单控件支持。近日苹果公司便在iOS / iPad OS 17.4及macOS 14.4中为Safari浏览器添加了完整的垂直表单控件支持。

　　注：垂直表单控件主要用于呈现竖排文字，虽然此前CSS已经在书写模式属性中添加了竖排文字的支持，不过许多浏览器对表单控件vertical-lr和vertical-rl值都采用不同的标准，因此在先前的Interop 2023会议中，各厂商一致决定实现统一的垂直表单控件支持。

　　▲ 竖排文字示例

　　在布局方面，目前 WebKit中的表单控件大量使用自定义布局代码，以在不同的环境和条件下保持一致和功能性，但此类布局代码主要基于横排模式设计，在竖排模式下会出现问题。

　　开发团队在Safari 17.4版本中改进了相关代码，在代码计算逻辑宽度时会同时考虑竖排模式，同时也改进了自定义基线调整逻辑功能，使复选框和单选按钮等控件能与竖排文字相搭配。

　　开发人员重点谈到了 macOS 平台 Safari 浏览器的改进，由于 macOS 本身不支持竖排模式，例如 等控制元件便无法直接在竖排模式下渲染，因此在 Safari 17.4 版本中，WebKit 会直接旋转这些控件来支持竖排渲染。

　　不过有些拥有阴影的控件无法单纯通过旋转来契合竖排模式，在遇到此类特定控件时，WebKit 便会为相关控件使用“特别的渲染逻辑”，从而兼容竖排渲染模式。