Text disappears at page break when footnote or page float is given on before pseudo element

[MurakamiShinyu]

リスト内で改ページが起きるとき、リスト項目の１行目がリストマーカーの点だけ残して消えてしまうことがあります。

「Vivliostyleで本を作ろうVol.5」の記事「CSS 組版の基本仕様 CSS Paged Media 入門のススメ」で気がつきました。

• Vivliostyle Viewerで表示:
  • v2.8.0: https://vivliostyle.github.io/viewer/v2.8.0/#src=https://github.com/spring-raining/tbf11-draft/blob/main/publication.json&bookMode=true&f=epubcfi(/14!)
  • canary: https://vivliostyle.vercel.app/#src=https://github.com/spring-raining/tbf11-draft/blob/main/publication.json&bookMode=true&f=epubcfi(/14!)

スクリーンショット:

問題のリスト項目のHTMLコードは

https://github.com/spring-raining/tbf11-draft/blob/2fec4d89a17c7891fa0e6d0e66186f81c690772a/content/shinyu/index.html#L38-L42

リスト項目内の最初のa要素の ::before 擬似要素には float: footnote が指定されている：

https://github.com/spring-raining/tbf11-draft/blob/2fec4d89a17c7891fa0e6d0e66186f81c690772a/theme/theme_screen.css#L718-L726

[MurakamiShinyu]

問題が起きるのは、リスト項目内の最初のインライン要素の ::before 擬似要素に float: footnote による脚注の指定がある場合。
また、 リスト項目に限らず、通常のブロック内の最初のインライン要素の ::before 擬似要素に float: footnote による脚注の指定がある場合や、ブロック要素の::before 擬似要素に float: footnote による脚注の指定がある場合にも同じ問題が起きることを確認した。float: footnote だけでなく、float-reference: page; float: bottom などページフロートでも同様。いずれも、 ::before 擬似要素を指定した要素の内容のテキストが消えてしまうことがある。

いくつかのテスト

• https://vivliostyle.vercel.app/#src=https://github.com/MurakamiShinyu/bugtest/blob/main/test003/list-and-footnotes.html
• https://vivliostyle.vercel.app/#src=https://github.com/MurakamiShinyu/bugtest/blob/main/test003/footnote-on-before-pseudo-1.html
• https://vivliostyle.vercel.app/#src=https://github.com/MurakamiShinyu/bugtest/blob/main/test003/footnote-on-before-pseudo-2.html
• https://vivliostyle.vercel.app/#src=https://github.com/MurakamiShinyu/bugtest/blob/main/test003/pagefloat-on-before-pseudo-1.html
• https://vivliostyle.vercel.app/#src=https://github.com/MurakamiShinyu/bugtest/blob/main/test003/pagefloat-on-before-pseudo-2.html

(test files: https://github.com/MurakamiShinyu/bugtest/tree/main/test003 )

[MurakamiShinyu]

#746 にてテキストが消える現象は起きないようにしたが、その結果、正しく改ページ処理がされない問題が生じているので別のissueへ→#747