fix(ld-sidenav): horizontal scrollbars visible on windows

emdgroup-liquid · Mar 11, 2022 · 5dc7222 · 5dc7222
1 parent e037b74
commit 5dc7222
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/...iquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.css b/...iquid/components/ld-sidenav/ld-sidenav-scroller-internal/ld-sidenav-scroller-internal.css
@@ -1,7 +1,7 @@
 :host {
   --ld-scroll-shadow-height: 1.5rem;
   --ld-scroll-shadow-intensity: 0.1;
-  overflow: auto;
+  overflow: hidden auto;
   overscroll-behavior: contain;
   height: 100%;
   width: 100%;
@@ -11,6 +11,7 @@
 
   ::slotted(ld-sidenav-navitem) {
     margin: var(--ld-sidenav-padding-y) 0 0;
+    will-change: opacity; /* prevents flickering on transition in Safari */
   }
 
   ::slotted(ld-sidenav-navitem:last-of-type) {