Cursor invisible in default theme

[joeflack4]

Description

Cursor is not visible with default theme / settings in GraphiQL.

In the image below, my cursor was located at the of the line reading "id". However, either I am partially color blind and did not know it, or it is essentially invisible to the naked eye.

[ghost]

I fix it by myself.I use chrome extends stylish, and create a rule.The point is .CodeMirror-cursor have a transport background.I use a rule cover it. .CodeMirror-cursor { background: #fff!important; }

[joeflack4]

@KennyWho Sounds great! I will use that for now.

[eljenso]

Any other way to fix this issue? Don't want to install a browser extension just for this.

[vinniejames]

+1

[jhalborg]

Two other workarounds that both worked for me:

https://github.com/prisma/graphql-playground/issues/790#issuecomment-409221277 https://github.com/prisma/graphql-playground/issues/790#issuecomment-407153297

[thomasheyenbrock]

graphiql@2 comes with completely reworked styles, in particular for the CodeMirror editors. This issue should now be fixed.