From 7213b1b4ebb1b221fcc4ac29ccf536f8579498c3 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Wed, 11 Oct 2017 20:33:00 +0200 Subject: [PATCH] perf(menu,select): panel repainting on scroll Prevents the menu and select panels from repainting while scrolling. Fixes #7716. --- src/lib/core/style/_menu-common.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss index 74800cfec21f..15e3b0faae78 100644 --- a/src/lib/core/style/_menu-common.scss +++ b/src/lib/core/style/_menu-common.scss @@ -1,6 +1,7 @@ @import './variables'; @import './elevation'; @import './list-common'; +@import './vendor-prefixes'; /** The mixins below are shared between mat-menu and mat-select */ @@ -15,6 +16,10 @@ $mat-menu-icon-margin: 16px !default; @mixin mat-menu-base($default-elevation) { @include mat-overridable-elevation($default-elevation); + + // Prevents the content from repainting on scroll. + @include backface-visibility(hidden); + min-width: $mat-menu-overlay-min-width; max-width: $mat-menu-overlay-max-width; overflow: auto;