NO-JIRA fixed an issue where project filters had unnecessary scrollbar on firefox

diff --git a/server/sonar-web/src/main/js/apps/projects/components/AllProjects.tsx b/server/sonar-web/src/main/js/apps/projects/components/AllProjects.tsx
index 9b89b685860eecc88ec849e2730d67067b124490..7a8df30591e31bb9608ffa42526d5206ccabb070 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/components/AllProjects.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/components/AllProjects.tsx
@@ -235,7 +235,7 @@ export class AllProjects extends React.PureComponent<Props, State> {
         {({ top }) => (
           <section
             aria-label={translate('filters')}
-            className="sw-overflow-y-auto"
+            className="sw-overflow-y-auto project-filters-list"
             style={{ height: `calc((100vh - ${top}px) - 60px)` }} // 60 for the footer
           >
             <div className="sw-w-[300px] lg:sw-w-[390px]">

diff --git a/server/sonar-web/src/main/js/apps/projects/styles.css b/server/sonar-web/src/main/js/apps/projects/styles.css
index 5fb5f79f850027839317d8cad3c4f88e1ff0e857..17b3c3bc15534000e4124bd2fa118aa1c346e6e6 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/styles.css
+++ b/server/sonar-web/src/main/js/apps/projects/styles.css
@@ -190,3 +190,12 @@
   ~ .search-navigator-facet-worse-than-highlight {
   background-color: #a1cde8;
 }
+
+.project-filters-list {
+  /*
+   * On Firefox on Windows, the scrollbar hides the sidebar's content.
+   * Using 'scrollbar-gutter:stable' is a workaround to ensure consistency with other browsers.
+   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=764076
+   */
+  scrollbar-gutter: stable;
+}