From b78ea8b4a345d14f91505cb678971b8a7839a65c Mon Sep 17 00:00:00 2001
From: Ivan Rodriguez <104603218+IRod22@users.noreply.github.com>
Date: Tue, 7 Mar 2023 23:21:32 -0600
Subject: [PATCH] Keep emoji picker within screen bounds

Adds the `flip` prop to `<Overlay>`. Fixes #40
---
 .../features/compose/components/emoji_picker_dropdown.jsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx b/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
index d443082f75..1e44008ea8 100644
--- a/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
@@ -390,7 +390,7 @@ class EmojiPickerDropdown extends React.PureComponent {
           />}
         </div>
 
-        <Overlay show={active} placement={'bottom'} target={this.findTarget} popperConfig={{ strategy: 'fixed' }}>
+        <Overlay show={active} placement={'bottom'} flip target={this.findTarget} popperConfig={{ strategy: 'fixed' }}>
           {({ props, placement })=> (
             <div {...props} style={{ ...props.style, width: 299 }}>
               <div className={`dropdown-animation ${placement}`}>