Graphql-playground: Tracing window is never visible in Chrome

[mike-marcacci]

This issue pertains to the following package(s):

• [ ] GraphQL Playground - Electron App
• [ ] GraphQL Playground HTML
• [x] GraphQL Playground
• [ ] GraphQL Playground Express Middleware
• [ ] GraphQL Playground Hapi Middleware
• [ ] GraphQL Playground Koa Middleware
• [ ] GraphQL Playground Lambda Middleware

What OS and OS version are you experiencing the issue(s) on?

Chrome Version 75.0.3770.90 (Official Build) (64-bit)
Mac

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

All versions 1.6.7 and later. Looking at the diff between those versions didn't give me too much insight, but I am not particularly familiar with the source.

What is the expected behavior?

What is the actual behavior?

What steps may we take to reproduce the behavior?

Open the most recent version in the most recent version of Chrome on Mac.

[derekaug]

This happens on any Chromium based browser, had the same issue in Brave.

[derekaug]

Bopping into dev tools, I was able to fix it by giving the element that had class .cRrmDs a min-height: 0.

[jordangarside]

Removing this line fixes it.

https://github.com/prisma/graphql-playground/blob/master/packages/graphql-playground-react/src/components/Playground/Results.tsx#L82

[sibelius]

should we just remove this line?

[jordangarside]

I believe that will at least fix this issue fine, but there are still other height/scrolling issues with the tracing div. I ended up using version 1.7.10 which didn't have most of these issues.