From 6fe5cd1f091d94659065441e64883edef76f30bb Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 18 Sep 2019 21:39:43 -0400
Subject: [PATCH] Updated schedule post dropdown

Removed portal, added startOpen, added modifiers to prevent overflow.
---
 .../compose/components/schedule_post_dropdown.js   | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js b/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
index 0ddde3d2..325c5b41 100644
--- a/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
+++ b/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
@@ -50,7 +50,6 @@ class SchedulePostDropdown extends React.PureComponent {
     const { open } = this.state;
 
     const datePickerDisabled = !isPro;
-    const withPortal = isMobile(window.innerWidth);
 
     return (
       <div className='schedule-post-dropdown'>
@@ -81,7 +80,18 @@ class SchedulePostDropdown extends React.PureComponent {
             dateFormat="MMMM d, yyyy h:mm aa"
             disabled={datePickerDisabled}
             showTimeSelect
-            withPortal={withPortal}
+            startOpen
+            popperModifiers={{
+              offset: {
+                enabled: true,
+                offset: "0px, 5px"
+              },
+              preventOverflow: {
+                enabled: true,
+                escapeWithReference: false,
+                boundariesElement: "viewport"
+              }
+            }}
           />
         }
       </div>