蘋果Safari瀏覽器支持“垂直表單控件”，可實現(xiàn)語言文段豎排

蘋果Safari瀏覽器支持“垂直表單控件”，可實現(xiàn)語言文段豎排

IT之家 3 月 25 日消息，在瀏覽器互通項目 Interop 2023 的倡議下，目前業(yè)界主流瀏覽器都開始統(tǒng)一垂直表單控件支持。近日蘋果公司便在 iOS / iPad OS 17.4 及 macOS 14.4 中為 Safari 瀏覽器添加了完整的垂直表單控件支持。

IT之家注：垂直表單控件主要用于呈現(xiàn)豎排文字，雖然此前 CSS 已經(jīng)在書寫模式屬性中添加了豎排文字的支持，不過許多瀏覽器對表單控件 verticallr 和 verticalrl 值都采用不同的標(biāo)準(zhǔn)，因此在先前的 Interop 2023 會議中，各廠商一致決定實現(xiàn)統(tǒng)一的垂直表單控件支持。

▲ 豎排文字示例

在布局方面，目前 WebKit 中的表單控件大量使用自定義布局代碼，以在不同的環(huán)境和條件下保持一致和功能性，但此類布局代碼主要基于橫排模式設(shè)計，在豎排模式下會出現(xiàn)問題。

開發(fā)團隊在 Safari 17.4 版本中改進了相關(guān)代碼，在代碼計算邏輯寬度時會同時考慮豎排模式，同時也改進了自定義基線調(diào)整邏輯功能，使復(fù)選框和單選按鈕等控件能與豎排文字相搭配。

開發(fā)人員重點談到了 macOS 平臺 Safari 瀏覽器的改進，由于 macOS 本身不支持豎排模式，例如 <progress> 等控制元件便無法直接在豎排模式下渲染，因此在 Safari 17.4 版本中，WebKit 會直接旋轉(zhuǎn)這些控件來支持豎排渲染。

不過有些擁有陰影的控件（例如 <select> ）無法單純通過旋轉(zhuǎn)來契合豎排模式，在遇到此類特定控件時，WebKit 便會為相關(guān)控件使用“特別的渲染邏輯”，從而兼容豎排渲染模式。