fix incorrect caret position on Windows (#4046)

* fix incorrect caret position on Windows

* try

* try

* try

* try

* back to fira code

* see if we need font-feature-settings

* add changeset

* Update .changeset/nervous-comics-happen.md

Author: dimaMachina

.changeset/nervous-comics-happen.md

@@ -0,0 +1,6 @@
+---
+'@graphiql/react': patch
+'graphiql': patch
+---
+
+Enable font ligatures in monaco-editors fix incorrect caret position on Windows

packages/graphiql-react/src/utility/create-editor.ts

@@ -130,8 +130,11 @@ export function createEditor(
     },
     scrollBeyondLastLine: false, // cleans up unnecessary "padding-bottom" on each editor
     fontFamily: '"Fira Code"',
+    // Enable font ligatures and fix incorrect caret position on Windows
+    // See: https://github.com/graphql/graphiql/issues/4040
+    fontLigatures: true,
     lineNumbersMinChars: 2, // reduce line numbers width on the left size
-    tabIndex: -1, // Do not allow tabbing into the editor, only via by pressing Enter ot its container
+    tabIndex: -1, // Do not allow tabbing into the editor, only via by pressing Enter or its container
     ...options,
   });
 }