LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix Popper positioning to be consistent

Browse source
This commit is contained in:
Rafael 2021-12-07 10:14:48 -03:00 committed by Thomas Zarebczan
parent cdc1c0dce4
commit e8e1c7e3b4
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/textareaWithSuggestions/view.jsx
View file

@ -8,6 +8,7 @@ import EMOJIS from 'emoji-dictionary';
import React from 'react';
import TextareaSuggestionsItem from 'component/textareaSuggestionsItem';
import TextField from '@mui/material/TextField';
import Popper from '@mui/material/Popper';
import useLighthouse from 'effects/use-lighthouse';
import useThrottle from 'effects/use-throttle';
@ -343,6 +344,7 @@ export default function TextareaWithSuggestions(props: Props) {
return (
<Autocomplete
PopperComponent={AutocompletePopper}
autoHighlight
disableClearable
filterOptions={(options) => options.filter(({ label }) => allMatches && allMatches.includes(label))}
@ -375,6 +377,10 @@ export default function TextareaWithSuggestions(props: Props) {
);
}
function AutocompletePopper(props: any) {
return <Popper {...props} placement="top" />;
}
function useSuggestionMatch(term: string, list: Array<string>) {
const throttledTerm = useThrottle(term);