From 8cd11dd9597476a2fe5d6b8888afbaff66de27d2 Mon Sep 17 00:00:00 2001
From: Lost Paul <70213368+LostPaul@users.noreply.github.com>
Date: Sun, 19 May 2024 16:48:13 +0200
Subject: [PATCH] Temp beta bug fix

---
 src/suggesters/Suggest.ts |  4 ++--
 styles.css                | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/suggesters/Suggest.ts b/src/suggesters/Suggest.ts
index d116118..d3f7f4f 100644
--- a/src/suggesters/Suggest.ts
+++ b/src/suggesters/Suggest.ts
@@ -122,7 +122,7 @@ export abstract class TextInputSuggest<T> implements ISuggestOwner<T> {
 		this.inputEl = inputEl;
 		this.scope = new Scope();
 
-		this.suggestEl = createDiv('suggestion-container');
+		this.suggestEl = createDiv('fn-suggestion-container');
 		const suggestion = this.suggestEl.createDiv('suggestion');
 		this.suggest = new Suggest(this, suggestion, this.scope);
 
@@ -133,7 +133,7 @@ export abstract class TextInputSuggest<T> implements ISuggestOwner<T> {
 		this.inputEl.addEventListener('blur', this.close.bind(this));
 		this.suggestEl.on(
 			'mousedown',
-			'.suggestion-container',
+			'.fn-suggestion-container',
 			(event: MouseEvent) => {
 				event.preventDefault();
 			}
diff --git a/styles.css b/styles.css
index ee0006b..1537f73 100644
--- a/styles.css
+++ b/styles.css
@@ -238,3 +238,16 @@ body:not(.is-grabbing) .tree-item-self.fn-is-active:hover,
 }
 
 
+.fn-suggestion-container {
+    position: absolute;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--background-primary);
+    max-width: 500px;
+    max-height: 300px;
+    border-radius: var(--radius-m);
+    border: 1px solid var(--background-modifier-border);
+    box-shadow: var(--shadow-s);
+    z-index: var(--layer-notice);
+}
\ No newline at end of file