wrong text justification at last line of page caused by consecutive ruby elements

[MurakamiShinyu]

Test sample: https://gist.github.com/MurakamiShinyu/ea376875cc6943d22cc3b740e9843975

Test with Vivliostyle Viewer (v2.17.2):
https://vivliostyle.github.io/viewer/v2.17.2/#src=https://gist.githubusercontent.com/MurakamiShinyu/ea376875cc6943d22cc3b740e9843975/raw/page-last-line-bug.html

Result screenshot:

[MurakamiShinyu]

この問題が起きる条件は、段落の最後の下端の位置がページエリアの下端の位置にぎりぎり入るか入らないか微妙な位置で、その段落内に連続した ruby 要素（<ruby>銀<rt>ぎん</rt></ruby><ruby>河<rt>が</rt></ruby>）があることなど。

Chromiumで最小文字サイズがあるためルビが大きめになってしまう問題を解決するためにrt要素にzoomプロパティでの縮小をするようにしていることが関係する。

• fix: Minimum font size setting in Chrome causes ruby font size problem #710

Chromiumで、zoomプロパティで縮小が指定されている要素があると、

vivliostyle.js/packages/core/src/vivliostyle/vgen.ts

Line 2435 in 10e8b4b

const rects = range.getClientRects();

で返される rects 配列のうちその要素に対するrect の bottom が実際の要素のその要素の下端の位置よりも大きな値になる。
その結果、段落のテキスト内での分割位置を決める処理が不具合を起こしている。

getRangeBox()の処理で、ruby要素など分割位置を決める処理で問題が起きる可能性がある要素を除外するようにしているが、ruby要素が2つ連続していると、この除外が働かない。次のところを直すとよさそうである：

vivliostyle.js/packages/core/src/vivliostyle/layout.ts

Lines 2169 to 2181 in 10e8b4b

	} else if (
	/^r(uby|[bt]c?)$/.test((node as Element).localName) ||
	LayoutHelper.isSpecialInlineDisplay(
	this.clientLayout.getElementComputedStyle(node as Element).display,
	)
	) {
	// ruby, inline-block, etc.
	seekRange = !haveStart;
	if (seekRange) {
	range.setStartBefore(node);
	haveStart = true;
	lastGood = node;
	}

[MurakamiShinyu]

• Related issue unnecessary page break caused by ruby elements #987

[MurakamiShinyu]

Fixed in #988

Test: https://vivliostyle-git-fix-issue985-vivliostyle.vercel.app/#src=https://gist.githubusercontent.com/MurakamiShinyu/ea376875cc6943d22cc3b740e9843975/raw/page-last-line-bug.html