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 implements ISuggestOwner { 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 implements ISuggestOwner { 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