diff options
| author | Eric Bailey <git@esb.lol> | 2024-12-20 13:59:33 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-12-20 19:59:33 +0000 |
| commit | 8116d12c15495fa192e92f5bfb75cb561bb16402 (patch) | |
| tree | d8291bc888d6423ccb7f242877c9293283156e83 /src/screens/Messages/components/MessagesList.tsx | |
| parent | 8a3dfcb9d0860eb8f8112a84dcf32ae522f77069 (diff) | |
| download | voidsky-8116d12c15495fa192e92f5bfb75cb561bb16402.tar.zst | |
Fix Emoji picker focus (#7217)
* Only portal the emoji picker where needed * Add optional portal prop to emoji picker * Use FocusScope to our advantage * Pare back, add guards, fix focus trap * Don't return focus to emoji button * Set DM input position on emoji insert * Let the caller determine next focus node --------- Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'src/screens/Messages/components/MessagesList.tsx')
| -rw-r--r-- | src/screens/Messages/components/MessagesList.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/screens/Messages/components/MessagesList.tsx b/src/screens/Messages/components/MessagesList.tsx index ce189459e..071ce1cd7 100644 --- a/src/screens/Messages/components/MessagesList.tsx +++ b/src/screens/Messages/components/MessagesList.tsx @@ -101,7 +101,7 @@ export function MessagesList({ const [emojiPickerState, setEmojiPickerState] = React.useState<EmojiPickerState>({ isOpen: false, - pos: {top: 0, left: 0, right: 0, bottom: 0}, + pos: {top: 0, left: 0, right: 0, bottom: 0, nextFocusRef: null}, }) // We need to keep track of when the scroll offset is at the bottom of the list to know when to scroll as new items |