graphql / graphql/graphiql

Long statment last 4 charaters hidden

Open
#3,648 0 comments 0 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

when creating a long query statement the last 4 characters are hidden by the right side bar on the query editor page.

### Expected Behavior

I would expect that the scroll bar on the bottom of the query editor would be able to scroll to view the entire statement.
Example of statement:
![image](https://github.com/graphql/graphiql/assets/44507886/315ea154-40ef-4672-824e-cec38e6a1328)
Example when characters are hidden:
![image](https://github.com/graphql/graphiql/assets/44507886/8289129b-7962-4b6a-99fd-aa2b050fee87)

### Steps To Reproduce

_No response_

### Environment

* 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.