十 月
3
火曜日

Chrome61でhr要素のoverflow規定値がhiddenになった

hr要素のcontentに罫線の代替文字列を指定している場合、最近Chromeで正しく表示されなくなった事に気付いた。


どうもChrome61でhrのoverflow属性の規定値がhiddenに変わったようだ。
overflowにvisibleを明示していない場合、代替文字列が正しい表示されなくなっている。
https://chromium.googlesource.com/chromium/src.git/+/a2c5540dd92ca78780a8836b8325bd34440c318f%5E%21/#F820

ということでhrのoverflowにvisibleを明示して対応。

hr {
  overflow: visible;
}