인프런 커뮤니티 질문&답변

이전 질문을 보면 react-mention 추천이 커서 아래로 나온다고 해서 공식 문서를 확인해봤습니다.

결론적으로는 forceSuggestionsAboveCursor을 사용하면 됩니다. 해당 내용은 제로초님 sleact 레파지토리에 pull request 하였습니다.

allowSuggestionsAboveCursor는 아래 공간이 부족하면 위에 배치가 '가능'하도록, 즉 워크스페이스 사람이 적으면 아래로 배치

forceSuggestionsAboveCursor는 항상 위로 배치

allowSuggestionsAboveCursor: Renders the SuggestionList above the cursor if there is not enough space below

forceSuggestionsAboveCursor: Forces the SuggestionList to be rendered above the cursor