3月25日消息,全球主流浏览器厂商响应号召,纷纷着手整合并标准化垂直表单控件功能。在此背景下,苹果公司紧随行业趋势,于近期向其iOS/iPadOS 17.4系统以及macOS 14.4版本中的Safari浏览器植入了全面优化的垂直表单控件支持。
这一举措不仅增强了Safari浏览器在多语种环境下的适应能力,尤其是对于那些偏好竖排显示文本的东亚语言如中文、日文、韩文的用户来说,更是一次用户体验的重大升级,标志着浏览器界在提升跨平台交互一致性方面迈出了坚实的一步。
注:垂直表单控件主要用于呈现竖排文字,虽然此前 CSS 已经在书写模式属性中添加了竖排文字的支持,不过许多浏览器对表单控件 vertical-lr 和 vertical-rl 值都采用不同的标准,因此在先前的 Interop 2023 会议中,各厂商一致决定实现统一的垂直表单控件支持。
在布局方面,目前 WebKit 中的表单控件大量使用自定义布局代码,以在不同的环境和条件下保持一致和功能性,但此类布局代码主要基于横排模式设计,在竖排模式下会出现问题。
开发团队在 Safari 17.4 版本中改进了相关代码,在代码计算逻辑宽度时会同时考虑竖排模式,同时也改进了自定义基线调整逻辑功能,使复选框和单选按钮等控件能与竖排文字相搭配。
开发人员重点谈到了 macOS 平台 Safari 浏览器的改进,由于 macOS 本身不支持竖排模式,例如 <progress> 等控制元件便无法直接在竖排模式下渲染,因此在 Safari 17.4 版本中,WebKit 会直接旋转这些控件来支持竖排渲染。
不过有些拥有阴影的控件(例如 <select> )无法单纯通过旋转来契合竖排模式,在遇到此类特定控件时,WebKit 便会为相关控件使用“特别的渲染逻辑”,从而兼容竖排渲染模式。
文明上网,理性发言,共同做网络文明传播者