Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Allow scroll in result panel #1023

Merged
merged 2 commits into from
Apr 3, 2020
Merged

fix: Allow scroll in result panel #1023

merged 2 commits into from
Apr 3, 2020

Conversation

iagobruno
Copy link
Contributor

Currently is not possible to see all the events of a subscription in the results pane for lack of a css property, this pull request fix #1021 this.

@CLAassistant
Copy link

CLAassistant commented May 5, 2019

CLA assistant check
All committers have signed the CLA.

@dantman
Copy link

dantman commented May 7, 2019

@httpiago Are you able to sign the CLA

@hvdklauw
Copy link

Can confirm that this fixes it, can this please be merged as the div this style should be applied to has no specific class/id, so for now I has to do this:

.graphiql-wrapper>div:first-child>div:first-child>div:nth-child(2)>div:nth-child(2) {
  height: 100%
}

Tahir500
Tahir500 approved these changes May 16, 2019
@WNemencha
Copy link

Can someone approve this so it can be merged, please? Currently working with subscriptions in Playground is a bit boring...

@yoshiakis
Copy link
Collaborator

yoshiakis commented Jun 9, 2019

animated GIF (scrolling the result panel.)
ScreenShotForPR1023

@WNemencha
Copy link

It would be nice to scroll to the bottom on new subscription data too :)

@chdanielmueller
Copy link

chdanielmueller commented Jun 12, 2019

It would be nice to scroll to the bottom on new subscription data too :)

The behavior like many terminal windows have it would be great.
If you are at the bottom it autoscrolls always to the bottom.
Once you scroll a bit up you would need to scroll for yourself or scroll all the way to the bottom to reenable autoscroll.
This allows to see the newest data at a glance but does not hinder you looking at specific data.

@borrascador
Copy link

When will this change be merged in? I'm experiencing this issue right now and wondering why a one-line change has been sitting around for such a long time. Without it subscriptions are broken in the playground.

Copy link

@ranaharoni ranaharoni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This solution solves 2 issues:

  • It allows the entire events feed to be scrollable
  • It prevents the bottom area of UI from disappearing once the content's height is greater than the viewport's height

It's worth evaluating whether the event's codemirror container needs to be scrollable, given the fact that the code inside is collapsible

@hiepxanh
Copy link

can we merge this please? I think this is not difficult

@hiepxanh
Copy link

there are 5 reviewers here, please accept this PR sir

@hackthievist
Copy link

I have this problem too. Is there any reason this is being held up?

Copy link

@Jdender Jdender left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These changes would be great if you're working with subscriptions

@AndrewSouthpaw
Copy link

This bug makes it look like the subscription panel is broken, and makes it unusable. Please merge this in!

@lukepighetti
Copy link

lukepighetti commented Nov 10, 2019

I hate bothering people who put so much effort into open source work but this is a major sore spot and having a three liner sit for six months is frankly not a good look.

@chdanielmueller @JordanBCX @borrascador @avernikoz @Jdender @Tahir500

@svandriel
Copy link

Any update on this? We really really need this in!

Copy link

@svandriel svandriel left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works like a charm!

@NathHorrigan
Copy link

@chdanielmueller @JordanBCX @borrascador @avernikoz @Jdender @Tahir500 @iagobruno

Can this be merged please, the playground is unusable when using subscriptions.

@JordanBCX
Copy link

@NathHorrigan Someone with write access to the repo needs to approve the PR before it can be merged. Someone like @huv1k or @timsuchanek

Copy link

@raoulus raoulus left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@raoulus
Copy link

raoulus commented Jan 6, 2020

can somebody please merge this? This lowing hanging fruit will bring much value 💯

@racerxdl
Copy link

racerxdl commented Feb 3, 2020

Omg, can't believe this is STILL not merged :(

@PauloGoncalvesBH
Copy link

@huv1k

Copy link

@3imed-jaberi 3imed-jaberi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀 ...

@acao
Copy link
Member

acao commented Apr 1, 2020

We will merge this PR fix and a few other bugfixes before #1143 happens, FYI. Expect a release in a week or two, if not less. Thanks for your patience everyone!

@hiepxanh
Copy link

hiepxanh commented Apr 2, 2020

May 5, 2019 it been almost one year. Is it too hard? or you too busy to take some time to merge this? I just dissapoint. We bet so much on this technology. We have try prisma with new project. and we have to abandon it because such a small thing make us slow. this is not just only one. You have to improve it from small thing to big thing.
I guest it only take you 5 mins to review this PR. I hope you really care about community PR more to improve your project.
Hope Prisma will be improve about this in the future

@acao
Copy link
Member

acao commented Apr 3, 2020

@hiepxanh hello, i just got access to this repository a day or two ago, was never a contributor before, also I don't represent Prisma, either. You may want to read this article about the future of prisma's support for open source graphql projects:

https://www.prisma.io/blog/the-guild-takes-over-oss-libraries-vvluy2i4uevs/

or this announcement here:

https://foundation.graphql.org/news/2020/04/03/web-based-graphql-ides-for-the-win-how-why-playground-graphiql-are-joining-forces/

either way, there should be a release today that fixes this, will let folks know when it's released!

@acao acao merged commit 8ee2f40 into graphql:master Apr 3, 2020
@svandriel
Copy link

Glad it's finally merged!!! Thanks @acao

@lukepighetti
Copy link

Thanks @acao for merging this very much needed PR and I wish you the best of luck maintaining this repo! Thank you again!!

@acao acao mentioned this pull request Apr 3, 2020
23 tasks
@hiepxanh
Copy link

hiepxanh commented Apr 4, 2020

thanks @acao you are a new comer. Good job. Thank you so much

@acao
Copy link
Member

acao commented Apr 10, 2020

glad to help! see releases for this and others for -react, -html, and the express middleware, working on testing the rest now (hapi, lambda, koa, etc)

glasser pushed a commit to apollographql/graphql-playground that referenced this pull request May 11, 2021
* Limit the height of the result panel to the max size
* Pin scrollbar position in the subscription result pane
cgxxv pushed a commit to cgxxv/graphql-playground that referenced this pull request Mar 25, 2022
* Limit the height of the result panel to the max size
* Pin scrollbar position in the subscription result pane
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cannot scroll through the result pane of an subscription