取り消し overflow ショートハンド構文が更新され、2 つの値が入れ替わりました

公開日: | カテゴリー: CSS

概要

Firefox 61 以降、CSS overflow プロパティは overflow-xoverflow-y の両方を受け入れるショートハンドとなっています。CSS Working Group での最近の議論の結果、縦書きモード対応を改善するために、overflow-blockoverflow-inline という新たな 論理プロパティ を受け入れるよう構文が更新されました。

これにより、2 つの x/y 値は以下のように入れ替える必要があります。

overflow-x: scroll;
overflow-y: hidden;
/* Firefox 61 と 62 では、これは以下と同じでした */
overflow: scroll hidden;
/* しかし Firefox 63 以降、これは以下のようになります */
overflow: hidden scroll;

このショートハンド構文はまだ新しく、今のところ Firefox と Google Chrome の最新版にしか実装されていないことから、互換性リスクは非常に低いはずで、そのために変更が行われました。

本稿執筆時点で、overflow-blockoverflow-inline 両ロングハンドプロパティは未実装です。

更新: 値の入れ替えとは異なる後方互換性に配慮した挙動が最新の仕様で提案されたことから、この変更は ベータ期間中に取り消されました

参考資料