ITCOW牛新网 3月25日消息，随着浏览器互通项目Interop 2023的推进，业界主流浏览器开始统一对垂直表单控件的支持标准。近日，苹果公司在其iOS、iPadOS 17.4以及macOS 14.4的更新中，为Safari浏览器添加了完整的垂直表单控件支持。
过去，虽然CSS已经提供了对竖排文字的支持，但各浏览器在处理表单控件的vertical-lr和vertical-rl值时存在标准不一的问题。Interop 2023会议上，各大浏览器厂商达成了一致，决定推动实现更统一的垂直表单控件支持，以提升用户体验和网页设计的兼容性。
苹果公司的开发团队在Safari 17.4版本中进行了相关代码的改进，确保在计算逻辑宽度时能够同时考虑竖排模式。此外，团队还优化了自定义基线调整逻辑功能，使得如复选框和单选按钮等表单控件能够更好地与竖排文字相搭配。
对于macOS平台上的Safari浏览器，开发人员特别指出，由于macOS本身不支持竖排模式，一些控制元件如<progress>在竖排模式下无法直接渲染。为解决这一问题，Safari 17.4版本中的WebKit引擎会直接旋转这些控件以适应竖排渲染的需求。然而，对于一些拥有阴影效果的控件（如<select>），单纯的旋转并不足以实现完美的竖排模式适配。因此，WebKit为这类特定控件引入了“特别的渲染逻辑”，以确保它们能够在竖排模式下正确显示。