API console: indicate presence of more completions

[sqs]

In the API console, when using completion, it is not clear that the list scrolls and that there are more options:

Repro: Go to https://sourcegraph.com/api/console and trigger completion (eg by pressing Ctrl/Cmd+Space).

We use https://github.com/graphql/graphiql for the API console, and it uses the CodeMirror editor. I see that it already applies the overflow-y: auto in CSS to the menu, which should make it at least flash a scroll bar, but it's not doing so.

• Requested by customer https://app.hubspot.com/contacts/2762526/company/407948923

[beyang]

Dear all,

This is your release captain speaking. 🚂🚂🚂

Branch cut for the 3.12 release is scheduled for tomorrow.

Is this issue / PR going to make it in time? Please change the milestone accordingly.
When in doubt, reach out!

Thank you

[felixfbecker]

From a short investigation: The completion box is not actually a scrollable list, it's just a fixed-size box that gets "virtually scrolled" with arrow keys. It's not possible to scroll with the mouse wheel, and therefor also doesn't have a scrollbar. This is how it's implemented in GraphiQL unfortunately, and I doubt it's customizable somehow from the outside. GitHub's API explorer works the same way. I'd suggest we explain that this uses GraphiQL like GitHub and this would need to be filed and/or PR'd on https://github.com/graphql/graphiql, and then we would immediately pull in that improvement.