Fix Message Detail Reaction Viewer overflow (#6239)

This commit is contained in:
ayumi-signal 2023-09-12 12:52:16 -07:00 committed by GitHub
parent d2f1431a66
commit 7ea945c157
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 9 deletions

View file

@ -149,7 +149,7 @@ export function MessageDetail({
toggleSafetyNumberModal,
viewStory,
}: Props): JSX.Element {
const messageContainerRef = useRef<HTMLDivElement>(null);
const messageDetailRef = useRef<HTMLDivElement>(null);
function renderAvatar(contact: Contact): JSX.Element {
const {
@ -315,19 +315,16 @@ export function MessageDetail({
: undefined;
return (
<div className="module-message-detail">
<div className="module-message-detail" ref={messageDetailRef}>
<PanelSection>
<div
className="module-message-detail__message-container"
ref={messageContainerRef}
>
<div className="module-message-detail__message-container">
<Message
{...message}
renderingContext="conversation/MessageDetail"
checkForAccount={checkForAccount}
clearTargetedMessage={clearTargetedMessage}
contactNameColor={contactNameColor}
containerElementRef={messageContainerRef}
containerElementRef={messageDetailRef}
containerWidthBreakpoint={WidthBreakpoint.Wide}
renderMenu={undefined}
disableScroll