[graphiql] Cant assign name for the tab

[Kowjako]

Is there an existing issue for this?

• [X] I have searched the existing issues

Current Behavior

I cant change name when new tab is added

Expected Behavior

I want to give specific name for each newly added tab

Steps To Reproduce

1. Go to graphiql example like this: https://graphql.github.io/swapi-graphql/?
2. Add new tab using "+" button
3. Try to change tab name

Environment

• GraphiQL Version: 3.2.2
• OS: Windows 10
• Browser: Chrome
• Bundler:
• react Version: 18
• graphql Version: 16

Anything else?

No response

[peterldowns]

Running into this on the github graphql explorer, would be really nice to be able to name my queries instead of seeing them all as <untitled>:

[acao]

that's not good at all... surprised e2e did not catch this, I will take a look

[seeruk]

It's because it's based on the name of the query in that tab, you have to give a name to the query:

It took me a few moments to figure this out when I first tried it out too...

[mfulton26]

Using the name of the first query isn't a great experience when a tab contains multiple queries in. I also sometimes want to name the tab differently than the first query or leave the query unnamed.

[acao]

@mfulton26 agreed, it is not ideal, do you want to create a feature request?

[mfulton26]

@mfulton26 agreed, it is not ideal, do you want to create a feature request?

I thought I did. It got marked as a duplicate of this issue: https://github.com/graphql/graphiql/issues/3406#issuecomment-2308288268