StatusReactionWrapper: put the picker in a portal

gleasonator
Alex Gleason 2023-02-08 20:26:37 -06:00
rodzic 06ea520e89
commit 6f15b5f42f
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 9 dodań i 6 usunięć

Wyświetl plik

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