From 86271279b1e8a29dab086796978674ad7b087d45 Mon Sep 17 00:00:00 2001 From: Dale Fukami Date: Wed, 8 Feb 2023 13:13:27 -0700 Subject: [PATCH 1/3] Allow mentions menu to render in message input --- src/components/message-input/styles.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/message-input/styles.scss b/src/components/message-input/styles.scss index 5dcf78295..1e76da609 100644 --- a/src/components/message-input/styles.scss +++ b/src/components/message-input/styles.scss @@ -37,7 +37,6 @@ .message-input__input-wrapper { flex-grow: 99; margin-left: 8px; - overflow: hidden; } .mentions-text-area { From 032949f68b209f2fc79500007dea40ad04ed14bd Mon Sep 17 00:00:00 2001 From: Dale Fukami Date: Wed, 8 Feb 2023 14:48:17 -0700 Subject: [PATCH 2/3] Revert "Allow mentions menu to render in message input" This reverts commit 86271279b1e8a29dab086796978674ad7b087d45. --- src/components/message-input/styles.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/message-input/styles.scss b/src/components/message-input/styles.scss index 1e76da609..5dcf78295 100644 --- a/src/components/message-input/styles.scss +++ b/src/components/message-input/styles.scss @@ -37,6 +37,7 @@ .message-input__input-wrapper { flex-grow: 99; margin-left: 8px; + overflow: hidden; } .mentions-text-area { From 313f6b2a389103564409b555a71cd8b32344fafc Mon Sep 17 00:00:00 2001 From: Dale Fukami Date: Wed, 8 Feb 2023 14:49:39 -0700 Subject: [PATCH 3/3] Use a portal for mentions box --- src/components/message-input/index.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/message-input/index.tsx b/src/components/message-input/index.tsx index f2108fb25..5a46a7c3e 100644 --- a/src/components/message-input/index.tsx +++ b/src/components/message-input/index.tsx @@ -204,6 +204,8 @@ export class MessageInput extends React.Component { onChange={this.contentChanged} onBlur={this._handleBlur} value={this.state.value} + allowSuggestionsAboveCursor + suggestionsPortalHost={document.body} > {this.renderMentionTypes()}