When a large amount of data is entered into a 'td' cell within a table, exceeding the length of two pages, the table automatically paginates. This results in a blank content area above the table.

[EnochGao]

Describe the bug
When a large amount of data is entered into a 'td' cell within a table, exceeding the length of two pages, the table automatically paginates. This results in a blank content area above the table.

To Reproduce
table_bug.txt
online viewer

[EnochGao]

This could be a table header related issue
table_bug.txt

[EnochGao]

I found that for the time being you can set the display property to simulate the table
pseudo_table.txt

[MurakamiShinyu]

I made a simple test case.

https://gist.github.com/MurakamiShinyu/22585fe8c74d2114477117d7d2cd0ff6#file-table-break-1-html

Test with Vivliostyle Viewer:

• https://vivliostyle.vercel.app/#src=https://gist.githubusercontent.com/MurakamiShinyu/22585fe8c74d2114477117d7d2cd0ff6/raw/table-break-1.html

I think I can fix it today.

[EnochGao]

Hi, Shinyu, how is the progress coming along?

[MurakamiShinyu]

Hi, I'm still debugging it.

It seems the overflow checking has problem when table or table-cell has border and paddings.

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

Lines 2578 to 2598 in 20fee03

	checkOverflowAndSaveEdgeAndBreakPosition(
	nodeContext: Vtree.NodeContext,
	trailingEdgeContexts: Vtree.NodeContext[],
	saveEvenOverflown: boolean,
	breakAtTheEdge: string | null,
	): boolean {
	if (!nodeContext) {
	return false;
	}
	if (LayoutHelper.isOrphan(nodeContext.viewNode)) {
	return false;
	}
	const overflown = this.checkOverflowAndSaveEdge(
	nodeContext,
	trailingEdgeContexts,
	);
	if (saveEvenOverflown || !overflown) {
	this.saveEdgeBreakPosition(nodeContext, breakAtTheEdge, overflown);
	}
	return overflown;
	}