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

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

멘션 기능 만들기

react-mention 질문있습니다

작성

204

mentionInput props에

allowSuggestionsAboveCursor

를 적용해도 @의 리스트들이 포인터 아래로 나왔었는데요

mentionInput안에

& ul 태그 css를 적용하니깐 포인터 위로 나타납니다

근데 ul 태그 css안에 아무것도 적용을 안하고 & ul { } 이렇게만

해도 포인터 위로 나오고 & ul를 없애면 다시 아래에서 나타나는데

왜 이런 현상이 나오는건가요?

퀴즈

63%나 틀려요. 한번 도전해보세요!

실시간 데이터 통신에 폴링 방식 대신 웹소켓(Socket.IO 포함)을 사용하는 주된 이점은 무엇일까요?

HTTP 요청보다 항상 응답 속도가 빠릅니다.

서버에서 클라이언트로 데이터 푸시가 가능합니다.

네트워크 대역폭을 훨씬 적게 사용합니다.

방화벽 설정이 더 간단합니다.

답변 2

계정을 아마 2~3개만 만드신거 같은데요. 공식문서 확인해보면 길이가 넘어갈만큼 길어져야 위로 간다고 되어있습니다

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

질문자

좋은 정보 감사합니다~!

지식공유자

저도 잘 모르겠습니다. 애초에 제 환경에서는 아래로 나오질 않아서 저 상황 분석이 안 됩니다. 혹시나 css를 저와 다르게 하진 않았는지, jsx (html) 구조는 똑같은지 확인해보셔야 할 것 같습니다.

작성한 질문수