From 4270007671ce52f6c2250739916083611748b657 Mon Sep 17 00:00:00 2001
From: Thomas Heyenbrock <thomas.heyenbrock@gmail.com>
Date: Wed, 5 Oct 2022 12:50:27 +0200
Subject: [PATCH] show info overlay over scrollbar (#2791)

---
 .changeset/selfish-terms-sing.md                  | 5 +++++
 packages/graphiql-react/src/editor/style/info.css | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/selfish-terms-sing.md

diff --git a/.changeset/selfish-terms-sing.md b/.changeset/selfish-terms-sing.md
new file mode 100644
index 00000000000..85903a92d3d
--- /dev/null
+++ b/.changeset/selfish-terms-sing.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+Make sure that the info overlay in editors is shown above the vertical scrollbar
diff --git a/packages/graphiql-react/src/editor/style/info.css b/packages/graphiql-react/src/editor/style/info.css
index b9910027314..82a8414326e 100644
--- a/packages/graphiql-react/src/editor/style/info.css
+++ b/packages/graphiql-react/src/editor/style/info.css
@@ -12,6 +12,7 @@
   padding: var(--px-12);
   position: fixed;
   transition: opacity 0.15s;
+  z-index: 10;
 
   /* Link styles */
   & a {