From 8d353aac1c80c74726c4a166174ddddded64c034 Mon Sep 17 00:00:00 2001 From: Tim Fischbach Date: Tue, 9 Jul 2024 17:13:02 +0200 Subject: [PATCH] Fix chapter scroller issue on Chrome 126 on OS X On some machines setting `scrollLeft` does not work on containers with no pointer-events. Switching overflow to scroll works around the problem. Use CSS to prevent scroll bars showing up. REDMINE-20780 --- .../src/widgets/defaultNavigation/Scroller.module.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/entry_types/scrolled/package/src/widgets/defaultNavigation/Scroller.module.css b/entry_types/scrolled/package/src/widgets/defaultNavigation/Scroller.module.css index b6fcfacc4..f995c816f 100644 --- a/entry_types/scrolled/package/src/widgets/defaultNavigation/Scroller.module.css +++ b/entry_types/scrolled/package/src/widgets/defaultNavigation/Scroller.module.css @@ -2,8 +2,9 @@ @media screen and breakpoint-md { .scroller { - overflow: hidden; + overflow: scroll; scroll-behavior: smooth; + scrollbar-width: none; /* Prevent clipping chapter tooltips vertically. */ padding-bottom: 90vh; @@ -14,6 +15,10 @@ width: 58%; } + .scroller::-webkit-scrollbar { + display: none; + } + .scroller > * { pointer-events: auto; }