From 8798cbf48e2c16fa8999147ffce481d4131ec6f2 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Fri, 13 Sep 2024 23:15:10 +0800
Subject: refactor: Use hidden element as anchor of suggestion list

Since suggestion list is not widget anymore, it could be seen outside of
editor
---
 src/editor.mjs | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/editor.mjs b/src/editor.mjs
index 67df938..af3f629 100644
--- a/src/editor.mjs
+++ b/src/editor.mjs
@@ -180,6 +180,7 @@ window.onhashchange = () => {
 // Elements about suggestions {{{
 const suggestionsEle = document.createElement('div')
 suggestionsEle.classList.add('container__suggestions');
+document.body.append(suggestionsEle)
 
 const rendererOptions = {}
 
@@ -448,11 +449,13 @@ const addSuggestions = (anchor, suggestions) => {
     suggestionsEle.appendChild(option);
   });
 
-  cm.addWidget(anchor, suggestionsEle, true)
-  const rect = suggestionsEle.getBoundingClientRect()
-  suggestionsEle.style.maxWidth = `calc(${window.innerWidth}px - ${rect.x}px - 2rem)`;
+  const widgetAnchor = document.createElement('div')
+  cm.addWidget(anchor, widgetAnchor, true)
+  const rect = widgetAnchor.getBoundingClientRect()
+  suggestionsEle.style.left = `calc(${rect.left}px + 2rem)`;
+  suggestionsEle.style.top = `calc(${rect.bottom}px + 1rem)`;
+  suggestionsEle.style.maxWidth = `calc(${window.innerWidth}px - ${rect.x}px - 3rem)`;
   suggestionsEle.style.display = 'block'
-  suggestionsEle.style.transform = 'translate(2em, 1em)'
 }
 // }}}
 // EVENT: Suggests for current selection {{{
-- 
cgit v1.2.3-70-g09d2