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 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,
})} })}
<Portal>
<EmojiSelector <EmojiSelector
placement='top-start' placement='top-start'
referenceElement={referenceElement} referenceElement={referenceElement}
onReact={handleReact} onReact={handleReact}
visible={visible} visible={visible}
/> />
</Portal>
</div> </div>
); );
}; };