ある要素にカスタム・プロパティーを使って背景色を指定したとする。そしてその要素に擬似要素を追加する。その擬似要素で背景色を指定すると、要素の背景色が初期化されてしまう。というバグがEdge 15にあった。
View Demo: Background Color Disappearance on Edge 15
デモは変数を定義し、参照するだけの簡単なCSSだ。しかしEdge 15でおかしくなる。Chrome 58やFirefox 53、Mobile Safari 10.3.2、そしてChrome 61やFirefox 55では問題ない。
カスタム・プロパティーの定義済み変数が参照できず、不明な値として初期値が採用されているように見える。擬似要素が追加されることで変数のスコープが壊れているような印象だ。
報告はした……。Edge 15でカスタム・プロパティーのバグがひと通り直るまでは長そうだ。