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

IT之家(jia)注(zhu)：垂直表單控(kong)(kong)件(jian)主(zhu)要用(yong)于呈現豎排文字(zi)，雖(sui)然(ran)此前 CSS 已經在書(shu)寫模式屬性中添加了豎排文字(zi)的(de)支持，不(bu)過(guo)許多瀏覽器對(dui)表單控(kong)(kong)件(jian) vertical-lr 和 vertical-rl 值(zhi)都采(cai)用(yong)不(bu)同的(de)標準，因(yin)此在先(xian)前的(de) Interop 2023 會議中，各廠商一致決定實現統一的(de)垂直表單控(kong)(kong)件(jian)支持。

在(zai)布局(ju)方面，目前 WebKit 中(zhong)的表(biao)單控件大量(liang)使用自定義布局(ju)代碼(ma)，以(yi)在(zai)不同(tong)的環境和條(tiao)件下保持(chi)一致和功(gong)能性，但此類(lei)布局(ju)代碼(ma)主要基(ji)于橫排模(mo)式(shi)(shi)設計，在(zai)豎(shu)排模(mo)式(shi)(shi)下會出(chu)現問題(ti)。

開發(fa)團隊在 Safari 17.4 版本(ben)中改進了(le)相關代(dai)碼，在代(dai)碼計算(suan)邏輯寬度時會同時考(kao)慮豎排(pai)模式(shi)，同時也(ye)改進了(le)自定義基線調整(zheng)邏輯功能，使復選框和單(dan)選按鈕等控件(jian)能與豎排(pai)文字(zi)相搭配。

開(kai)發人(ren)員重(zhong)點談到了 macOS 平臺 Safari 瀏(liu)覽(lan)器的(de)改進，由于 macOS 本(ben)身不支(zhi)(zhi)持豎(shu)(shu)排(pai)(pai)模(mo)(mo)式(shi)，例如 <progress> 等(deng)控制元件(jian)便無法直接(jie)在(zai)(zai)豎(shu)(shu)排(pai)(pai)模(mo)(mo)式(shi)下渲染，因此(ci)在(zai)(zai) Safari 17.4 版(ban)本(ben)中，WebKit 會直接(jie)旋(xuan)轉這(zhe)些控件(jian)來(lai)支(zhi)(zhi)持豎(shu)(shu)排(pai)(pai)渲染。

不過有(you)(you)些(xie)擁有(you)(you)陰影的控件（例(li)如 <select> ）無法單純通過旋轉來(lai)契合豎排模(mo)式，在(zai)遇到此類特(te)(te)定控件時，WebKit 便會為相關控件使用(yong)“特(te)(te)別的渲染邏輯”，從(cong)而(er)兼容(rong)豎排渲染模(mo)式。