[graphiql] Unknown operation named 'xyz'

[justinsumida]

Is there an existing issue for this?

• [X] I have searched the existing issues

Current Behavior

Using the latest of GraphiQL from CDN, having multiple queries works on initial page load. Refreshing the browser ignores other queries/mutations and runs the first query. I am unable to select any other query/mutation on the play button:

As you can see, I have two different queries. When pressing the play button (or Control + Enter) I get the error. The query 'search' was originally the first query on the editor, but I removed it.

Expected Behavior

Whatever queries are on the editor should appear as options on the play button.

Steps To Reproduce

1. Using latest GraphiQL version, create multiple queries. Refresh the page and attempt to run any other query other than the first one on the page.

Environment

• GraphiQL Version: latest
• OS: MacOS
• Browser: Chrome
• Bundler:
• react Version: 16.8.3
• graphql Version: GraphQL Java 21.3

Anything else?

No response

[justinsumida]

This can also be reproduced on https://graphql.github.io/swapi-graphql

How I set it up: Create two queries something like this:

Refresh the page... I am unable to run "anotherOne"...all I can do is run "allFilms"

Better yet... if I remove "allFilms" I see this...

[justinsumida]

Taking a look at what GraphQL receives:

The operation name does not match what is happening. So I see a couple of problems:

1. The editor sometimes "forgets" or loses that there are multiple operations in the tab
2. The operation name does not change when attempting to run an operation