Fix: #2294 Hints overflow the page (#2295)

Author: Evilur

src/content_scripts/common/hints.js

@@ -193,6 +193,10 @@ div.hint-scrollable {
 [mode=input] mask.activeInput {
     background: rgba(0, 0, 255, 0.25);
 }`);
+    /* When the <style> loaded, set host's height */
+    hintsStyle.onload = () =>
+        { hintsHost.style.height = `${window.scrollY + window.innerHeight}px`; }
+
     hintsHost.shadowRoot.appendChild(hintsStyle);
     const regionalHints = createRegionalHints(clipboard);
 

src/content_scripts/content.css

@@ -2,7 +2,9 @@ div.surfingkeys_hints_host {
     display: block;
     opacity: 1;
     color-scheme: auto;
-    position: static;
+    position: absolute;
+    inset: 0 0 auto 0;
+    overflow: hidden;
 }
 div.surfingkeys_match_mark {
     background-color: #ff0;