diff --git a/styles.css b/styles.css index 5dab7a0..2934e52 100644 --- a/styles.css +++ b/styles.css @@ -573,14 +573,16 @@ button:focus{outline:none} position:fixed;inset:0;z-index:300; display:flex;flex-direction:column; background:var(--bg); - transform:translateY(100%); + /* translate3d keeps the element on a stable GPU layer without will-change's + layer-creation/destruction cycle that causes WebView to flash the content below */ + transform:translate3d(0,100%,0); transition:transform .35s cubic-bezier(.4,0,.2,1); overflow:hidden; - will-change:transform; - backface-visibility:hidden; + backface-visibility:hidden;-webkit-backface-visibility:hidden; + contain:layout style paint; isolation:isolate; } -.np-overlay.open{transform:translateY(0)} +.np-overlay.open{transform:translate3d(0,0,0)} /* Blurred album art as background — two layers for crossfade */ .np-bg{