moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

StatusReactionWrapper: put the picker in a portal

This commit is contained in:
Alex Gleason 2023-02-08 20:26:37 -06:00
parent 06ea520e89
commit 6f15b5f42f
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/soapbox/components/status-reaction-wrapper.tsx
View File

@ -1,3 +1,4 @@
import { Portal } from '@reach/portal';
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts'; import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts';
@ -105,12 +106,14 @@ const StatusReactionWrapper: React.FC<IStatusReactionWrapper> = ({ statusId, chi
ref: setReferenceElement, ref: setReferenceElement,
})} })}
<EmojiSelector <Portal>
placement='top-start' <EmojiSelector
referenceElement={referenceElement} placement='top-start'
onReact={handleReact} referenceElement={referenceElement}
visible={visible} onReact={handleReact}
/> visible={visible}
/>
</Portal>
</div> </div>
); );
}; };