miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

scroll fix

update-emoji-mart
ewwwwwwww 2022-07-10 04:42:22 -07:00
rodzic a1f0f75f60
commit 3879dad039
1 zmienionych plików z 10 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

12
app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx
Wyświetl plik

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