Fixed excessive repaints on non-retina devices

2026-08-02 02:38:53 -04:00 · 2019-12-19 18:25:13 +01:00
parent 87e3bc2410
commit 2fa347aaae
12 changed files with 26 additions and 16 deletions
--- a/src/assets/stylesheets/layout/_search.scss
+++ b/src/assets/stylesheets/layout/_search.scss
@@ -435,6 +435,11 @@ $md-toggle__search--checked:
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

+    // Mitigiate excessive repaints on non-retina devices
+    @media (max-resolution: 1dppx) {
+      transform: translateZ(0);
+    }
+
    // [tablet landscape]: Set absolute width to omit unnecessary reflow
    @include break-at-device(tablet landscape) {
      width: px2rem(468px);