React: Devtools scrollbar hides flamegraph

Created on 23 Aug 2019  ·  4Comments  ·  Source: facebook/react

Do you want to request a feature or report a bug?
What is the current behavior?
scrollbar is covering flamegraph

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle ( or CodeSandbox ( example below:

without scrollbar, there is more graphs hidden by scrollbar
without scrollbar

What is the expected behavior?
scrollbar does not cover flame graph or if flamegraph's height is long enough to use scrollbar, flamegraph container's width should shrink about scrollbars width

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
16.9 / chrome 78.0.3887.7 / macOS 10.14.6 /

Developer Tools Bug

Most helpful comment

i am working on this

All 4 comments

i am working on this

my merge request has been rejected :(
according to @bvaughn , this is not an issue
i think it's better to close this issue

scrollbar never automatically hides they always covering flame graphs


Chrome 80.0.3968.0 / darkmode

The issue shown in the screenshot looks like an OS bug of some sort. The scrollbar that's covering content is not the normal, partially transparent OS X scrollbar that only appears when you're actively scrolling.

I'm not sure this is something we _can_ fix, but always hiding scrollbar is not the solution to fixing this.

Was this page helpful?
0 / 5 - 0 ratings