fix vertical auto completion position

packages/graphql-playground-react/src/components/Playground/onHasCompletion.tsx

@@ -71,6 +71,16 @@ export default function onHasCompletion(cm, data, onHintInformationRender) {
         wrapper.appendChild(deprecation)
       }
 
+      const wrapperHeight = wrapper.clientHeight
+      const currentTop = parseFloat(String(top).replace('px', ''))
+      let newTop = currentTop
+      if (wrapperHeight + currentTop > window.innerHeight) {
+        newTop = window.innerHeight - 40 - wrapperHeight
+      }
+
+      wrapper.style.top = `${newTop}px`
+      ;(global as any).wrapper = wrapper
+
       // When CodeMirror attempts to remove the hint UI, we detect that it was
       // removed from our wrapper and in turn remove the wrapper from the
       // original container.