Google検索結果ページの「次へ」が言語によっては適切に表示されないというバグの原因分析

カン氏が詳しく調査したところ、いわゆる「CJK(中国語、日本語、韓国語)」ではテキストのレンダリングに英語にはない癖があることを発見しました。「＞」マークの横に文字を表示する幅がない場合、文字は完全に下へ回り込みます。


下部に文字を表示するスペースが十分にあっても、「＞」マークの横に1文字分の幅があると文字が上に回り込んでしまいます。


バグは中国語で発生していましたが、横幅次第では日本語でも同じ問題が発生します。一方、英語では単語の途中での折り返しは発生しません。


「＞」マークの横に十分な幅があれば全てのテキストがマークの横へ移動します。


Googleのような利用者が多いサイトでこのバグが長く修正されなかった理由について、カン氏は「英語以外の言語固有の動作でありテストで気付かれにくい」「CJK特有の折り返しルール」「特定の表示幅の時のみバグが発生する」などを挙げました。

今回のバグの修正には「＞」マークの「float」設定を削除するか、テキストのspanタグに「clear: left」を設定すれば良いとのこと。

なお、カン氏は他に文字の高さが一致していないことも指摘しています。こちらはラテン系言語とそれ以外の言語の「font-family」の不一致が原因であり、「font-family」を一致させるか、「line-height」を統一することで修正可能だとのことです。