vivliostyle / themes

💅 Beautifully crafted CSS themes.
https://vivliostyle.github.io/themes/
Other
30 stars 10 forks source link

セクション番号を "1.1.1" の形式にするCSSの手法がChromeで使えなくなった #130

Open MurakamiShinyu opened 3 weeks ago

MurakamiShinyu commented 3 weeks ago

Vivliostyle Base Theme で、セクション番号は "1.1.1" の形式になるように設定されています:

https://github.com/vivliostyle/themes/blob/ebf926f25ccec72fc01bf7f27cad6dcac4af9273/packages/%40vivliostyle/theme-base/css/partial/section.css#L16-L20

https://github.com/vivliostyle/themes/blob/ebf926f25ccec72fc01bf7f27cad6dcac4af9273/packages/%40vivliostyle/theme-base/css/partial/section.css#L138-L176

このテーマを使ったHTML文書をVivliostyleを使わないで普通にChrome(126以降)で閲覧したとき、セクション番号が正しく表示されない不具合があります。FirefoxとSafariでは問題ありません。また、Chrome 125までは問題ありませんでした。

例:

https://raw.githack.com/MurakamiShinyu/wikipedia-sample/main/%E7%A5%9E%E8%A9%B1.html

これをChromeとSafariで開いたとき、セクション番号が正しく "1.4.3" のように表示されません。 ChromeとSafariの表示を比べたスクリーンショット: Screenshot 2024-08-26 22 55 34

CSS仕様が変更され、そのあと変更の取り消しが決まったのにChromeが変更を実装してしまった問題

私は最初Chrome (Chromium)のバグだと考えてChromium Issue Trackerに報告しました:

しかし、そのあと追加のコメントに書いたとおり、これはCSSのドラフト仕様の次の変更を反映したものであるということがわかりました:

しかしこの変更は問題があるということで取り消されることになりました:

https://github.com/w3c/csswg-drafts/issues/5477#issuecomment-1843956580

  • RESOLVED: Revert the previous resolution and the associated edits

それなのに、Chromiumはこの変更を実装してしまい、この問題が発生しています。

詳しくは、上記のChromium Issue TrackerのIssueのコメントや、上記CSS仕様のIssueのコメントをご覧ください。