From ff55272d590d53771fde284d2381c5c9a8844171 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 2 Oct 2023 10:56:45 -0500
Subject: [PATCH] Timeline: put ScrollTopButton into a Portal

---
 src/features/ui/components/timeline.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/features/ui/components/timeline.tsx b/src/features/ui/components/timeline.tsx
index a4d7d44e6..051d18122 100644
--- a/src/features/ui/components/timeline.tsx
+++ b/src/features/ui/components/timeline.tsx
@@ -6,6 +6,7 @@ import { defineMessages } from 'react-intl';
 import { dequeueTimeline, scrollTopTimeline } from 'soapbox/actions/timelines';
 import ScrollTopButton from 'soapbox/components/scroll-top-button';
 import StatusList, { IStatusList } from 'soapbox/components/status-list';
+import { Portal } from 'soapbox/components/ui';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 import { makeGetStatusIds } from 'soapbox/selectors';
 
@@ -51,12 +52,14 @@ const Timeline: React.FC<ITimeline> = ({
 
   return (
     <>
-      <ScrollTopButton
-        key='timeline-queue-button-header'
-        onClick={handleDequeueTimeline}
-        count={totalQueuedItemsCount}
-        message={messages.queue}
-      />
+      <Portal>
+        <ScrollTopButton
+          key='timeline-queue-button-header'
+          onClick={handleDequeueTimeline}
+          count={totalQueuedItemsCount}
+          message={messages.queue}
+        />
+      </Portal>
 
       <StatusList
         timelineId={timelineId}