editor is broken when used in create-react-app

I’m trying to embed the GraphiQL inside existing app. Whole thing looks styled correctly, but the query editor section itself is not responding at all: it’s gray, there’s no cursor, no content and it doesn’t react to input.

I’ve tried import 'graphiql/graphiql.css', tried using react-helmet to put a style <link> dynamically, manually doing stuff like document.head.insertBefore() in wrapper’s componentDidMount() - nothing works.

It does work, however, if I put CDN link to graphiql.css directly to public/index.html which seems like a hack right now

[helios1138]

no, in my case all the parents of the wrapper already had 100% height

[asiandrummer]

Also, from #462 someone also had this issue until the parent div’s height was set to 100%:

.App {
  height: 100vh;
}

Would this fix the issue?