Keep emoji picker within screen bounds

Adds the `flip` prop to `<Overlay>`. Fixes #40
This commit is contained in:
Ivan Rodriguez 2023-03-07 23:21:32 -06:00 committed by neatchee
parent 34d037efae
commit 869f74484a
1 changed files with 1 additions and 1 deletions

View File

@ -390,7 +390,7 @@ class EmojiPickerDropdown extends React.PureComponent {
/>} />}
</div> </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 })=> ( {({ props, placement })=> (
<div {...props} style={{ ...props.style, width: 299 }}> <div {...props} style={{ ...props.style, width: 299 }}>
<div className={`dropdown-animation ${placement}`}> <div className={`dropdown-animation ${placement}`}>