Pagination is broken on Safari in Version2

[fondoger]

I'm submitting a bug report.

Short description of the issue

With the latest develop branch, the pagination is no longer working on Safari devices.

With the exactly same web page, the pagination is only not working for iOS devices:

• Safari iOS (os ver: 18.1) ❌ (Vertical scrolling, non-paginated)
• Safari Desktop (os ver: 15.1) ❌ (Vertical scrolling, non-paginated)
• Chrome Desktop ✅ (Horizontal scrolling, paginated)
• Firefox Desktop ✅ (Horizontal scrolling, paginated)

By manually setting column-width: 45rem; on root node, the pagination on Safari became normal.

[JayPanoz]

Thanks for reporting that, this is indeed critical.

It looks like this would be the culprit:

readium-css/css/src/modules/ReadiumCSS-pagination.css

Lines 17 to 18 in 7951735

	/* The column algorithm will prioritize column-count */
	--RS__colWidth: auto;

From this commit. I can remember doing that while working on the initial implementation of auto-layout in Readium Playground so something went obviously wrong at that moment cos’ it should have been caught pretty easily.

Will revert this commit and update ReadiumCSS.

[JayPanoz]

@fondoger sorry for this mishap. This should be fixed in v.2.0.0-alpha.3 but do not hesitate to let me know if that's not the case. Thanks again for the report.