Text hint fix (#838)

* Long option causes menu to open in wrong position issue
* Fixed long input text doesn't line up with hint issue
* deleted unnecessary changes
* added comments
* updated empty line

Author: Nathan-Roberts123

Diff for: src/components/Hint/Hint.tsx

@@ -39,8 +39,14 @@ function copyStyles(inputNode: HTMLInputElement, hintNode: HTMLInputElement) {
 
 export const useHint = () => {
   const { hintText, inputNode } = useTypeaheadContext();
+  
   const hintRef = useRef<HTMLInputElement | null>(null);
 
+  // scroll hint input when the text input is scrolling
+  inputNode?.addEventListener("scroll", () => {
+    hintRef.current!.scrollLeft = inputNode?.scrollLeft
+  })
+  
   useEffect(() => {
     if (inputNode && hintRef.current) {
       copyStyles(inputNode, hintRef.current);