Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Graphiql height is not 100%
See original GitHub issueWhen I open Graphiql it looks like this
It looks like that html and body tags need to have their height set to 100% so the layer #graphiql-container can expand too.
I’ve tried also opening in safari and in chrome on incognito window (without any extension running) and the same happens.
Issue Analytics
- State:
- Created 8 years ago
- Comments:9 (4 by maintainers)
Top Results From Across the Web
GraphQL Content API - Contentful
Desired width and height of the image in pixels. Accept values between 1 and 4000 . If not defined, default to the original...
Read more >Stretching body to full viewport height: the missing way
Here, 100vh means that the initial body height will take 100% of the viewport height, whereas the use of min-height instead of height...
Read more >CSS: Do not put height 100% on html, body in 2020
Min height 100% will not work which is why CSS added the viewport units: So you use 100vh. body { min-height: 100vh; }....
Read more >100% Height Div on iPad - css - Stack Overflow
Set height to height of content (works, but not all pages will be the same length, so creates a scrollbar on some pages...
Read more >Getting Started with Sangria
Sangria - Scala GraphQL Implementation. ... Apollo Client is an easy way to get started with Sangria as they're 100% compatible.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hey again, after investing almost two days into figuring out what the hell is going on, it appears that the problem is the id of the div i try to render into. In your example it is set to ‘graphiql’ and in my project it is ‘app’. when chaning my app to ‘graphiql’ it worked. and when changing in your example ‘graphql’ to ‘unique’ it didn’t work anymore.
I am shocked
I’m glad you figured out what was going on! I’ll find a way to make the css bindings more appropriate so that this kind of issue is harder to get yourself into in the future.