bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

scroll fix

Browse source
This commit is contained in:
ewwwwwwww 2022-07-10 04:42:22 -07:00
parent a1f0f75f60
commit 3879dad039
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx
View file

@ -110,7 +110,8 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
placement: isMobile(window.innerWidth) ? 'auto' : placement,
});
const handleToggle = () => {
const handleToggle = (e: Event) => {
e.stopPropagation();
setVisible(!visible);
};
@ -185,6 +186,13 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
});
useEffect(() => {
// fix scrolling focus issue
if (visible) {
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "initial";
}
if (!EmojiPicker) {
setLoading(true);
@ -199,7 +207,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
}, [visible]);
// TODO: move to class
const style = !isMobile(window.innerWidth) ? styles.popper : {
const style: React.CSSProperties = !isMobile(window.innerWidth) ? styles.popper : {
...styles.popper, width: '100%',
};