Devtools: Hide scrollbar on flame graph React Profiler

facebook · Nov 13, 2019 · 8863244 · 8863244
1 parent 32e5c97
commit 8863244
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.css b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.css
@@ -8,3 +8,13 @@
   stroke: var(--color-commit-did-not-render-pattern);
   stroke-width: 1;
 }
+
+.FixedSizeList {
+  overflow-y: scroll;
+  scrollbar-width: none; /* Firefox */
+}
+
+.FixedSizeList::-webkit-scrollbar { /* WebKit */
+  width: 0;
+  height: 0;
+}
diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js
@@ -142,6 +142,7 @@ function CommitFlamegraph({chartData, commitTree, height, width}: Props) {
 
   return (
     <FixedSizeList
+      className={styles.FixedSizeList}
       height={height}
       innerElementType={InnerElementType}
       itemCount={chartData.depth}