Fixed excessive repaints on non-retina devices

.stylelintrc

@@ -185,7 +185,7 @@
     "selector-class-pattern": "^[a-z0-9]+(-[a-z0-9]+)*(__[a-z]+)?(--[a-z]+)?$",
     "selector-descendant-combinator-no-non-space": null,
     "string-quotes": "double",
-    "unit-whitelist": ["px", "em", "deg", "s", "%", "mm", "vh"],
+    "unit-whitelist": ["px", "em", "deg", "s", "%", "mm", "vh", "dppx"],
     "value-keyword-case": "lower",
     "value-no-vendor-prefix": true
   }

material/assets/stylesheets/app.css

@@ -2659,4 +2659,9 @@ hr {
       .md-search-result__teaser {
         max-height: 2.5rem;
         -webkit-line-clamp: 3; } }
+
+@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx) {
+    .md-search__scrollwrap {
+      -webkit-transform: translateZ(0);
+              transform: translateZ(0); } }
 /*# sourceMappingURL=app.css.map */

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);