namekuji/chuckya
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Keep emoji picker within screen bounds

Browse source 
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 Jeremy Kescher
parent f577764472
commit 55303adfef
No known key found for this signature in database
GPG key ID: 80A419A7A613DFA4
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
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}`}>