graphql / graphql/graphiql

[graphiql] Schema for Interface implementing interface not displayed properly.

Open
#2,990 1 comment 2 reactions 0 assignees View on GitHub
bug graphiql
Dominant language
TypeScript
Stars
16.9k
Forks
1.9k
Avg merge
22h 45m
Merged PRs (30d)
70

Description

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Current Behavior

I have a service which implements the following schema

```graphql
type Query {
profile: Profile!
}

interface Teacher implements Profile {
school: String!
name: String!
}

type HighSchoolTeacher implements Profile & Teacher {
name: String!
school: String!
subject: String!
}

interface Profile {
name: String!
}
```

When I check the `Teacher` interface in GraphiQL it doesn’t show a `Implements` section.
![Screenshot 2023-01-10 at 13 17 45](https://user-images.githubusercontent.com/43032716/211493409-3b54812f-9795-4ccd-9fe2-918a158c33bd.png)

### Expected Behavior

Ideally the UI should show the `Implements` section which lists all the interfaces it implements (in this case `Profile`).

### Steps To Reproduce

_No response_

### Module pattern

- [ ] graphiql-umd
- [ ] graphiql-esm
- [ ] graphiql-commonjs

### Environment

```Markdown
- GraphiQL Version:
- OS:
- Browser:
- Bundler:
- `react` Version:
- `graphql` Version:
```

### Anything else?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.