Apollo-client-devtools: Can't scroll in Chrome

Created on 25 Feb 2019  路  18Comments  路  Source: apollographql/apollo-client-devtools

image

As screenshot above, I cannot scroll down in Apollo's tab.

has-reproduction 馃悶 bug

Most helpful comment

Cache tab is not scrollable using this settings
2.2.4 and chrome Version 76.0.3809.100 (Official Build) (64-bit)

Can you please fix it soon

All 18 comments

Thanks @RoberMac ! That's totally a bug! When text is selected in the left pane I can't scroll the list either.

I'm seeing this too which is making the Cache tab virtually useless right now 馃槵

@nick Is this happening just when text in the list is selected?

No it doesn't scroll for me whether text is selected or not. #145 looks to be related

I encountered this today and have a temporary fix.

  1. Open the tools and go to the cache view
  2. In the right half of the window, right click and inspect
  3. <div class="inspector-main"> should be selected.
  4. Add height: 100%; to this element

Edit. I will fix this tonight

馃憤

https://github.com/apollographql/apollo-client-devtools/pull/193 has been merged and is now available via version 2.2.2 of the devtools. Thanks all!

This issue is occurring again, version 2.2.3.

This issue is occurring again, version 2.2.3.

I ran into this issue as well. As a temporary workaround I'm using Vivaldi, scrolling works fine in that browser.

Happening here as well.

Using version 2.2.3 on Chrome's Version 76.0.3809.87 (Official Build) (64-bit).
I've found a similar fix as @scfoxcode. Add height: 100% to the div <div class="inspector-body">.

Screenshot_20190808_223515

Cache tab is not scrollable using this settings
2.2.4 and chrome Version 76.0.3809.100 (Official Build) (64-bit)

Can you please fix it soon

You also need to add overlow: scroll to .inspector-panel .inspector-body

This is still a blocking issue.

I am still getting this issue whether text is selected or no.
Version : 2.2.4
Chrome Version 76.0.3809.132 (Official Build) (64-bit)

This is still an issue. Have to edit the inspector and add height: 100% to .inspector-body everytime I need to use the devtools.

It's a bit more complicated than that for me since I'm using it with electron, so it's not that simple for me to just inspect and change the height to 100%.

2.2.5 was released yesterday and should fix this issue. Thanks!

Was this page helpful?
0 / 5 - 0 ratings