From: lukasz-jarocki-sonarsource <lukasz.jarocki@sonarsource.com>
Date: Mon, 2 Oct 2023 13:55:00 +0000 (+0200)
Subject: NO-JIRA fixed an issue where project filters had unnecessary scrollbar on firefox
X-Git-Tag: 10.3.0.82913~306
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=24fed75cfa383dcaa7f2d9d59306d7d1818d1f72;p=sonarqube.git

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 9b89b685860..7a8df30591e 100644
--- 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 5fb5f79f850..17b3c3bc155 100644
--- 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;
+}