Firefox 157 がリリースされた。ツールバー・サイドバー・メニューの視覚刷新とコンパクトモード、@supports の at-rule()、overscroll-behavior の chain 値、WebGPU の TRANSIENT_ATTACHMENT が含まれる。
@supports at-rule()
@supports に at-rule() が入った。指定した at-rule の対応を調べる。@import の supports() でも使える。
css
@supports at-rule(@scope) {
@scope (.light-scheme) {
:scope {
background-color: plum;
}
}
}overscroll-behavior: chain
overscroll-behavior と overscroll-behavior-x など個別指定に chain が入った。端に達したあと、別のスクロール領域へは伝播するが、ブラウザ既定のバウンスは出さない。
css
.panel {
overflow: auto;
overscroll-behavior: chain;
}WebGPU TRANSIENT_ATTACHMENT
GPUTextureUsage.TRANSIENT_ATTACHMENT が使える。現在のレンダーパス内だけで使う添付用テクスチャ向けで、関連操作はタイルメモリ上に留まる。
js
const depth = device.createTexture({
size: [canvas.width, canvas.height],
format: "depth24plus",
usage:
GPUTextureUsage.TRANSIENT_ATTACHMENT |
GPUTextureUsage.RENDER_ATTACHMENT,
});