[FE] 툴팁 위치가 계속해서 변경되는 문제 해결 #446
Open
+196
−88
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- 툴팁 컴포넌트가 툴팁의 내용을 children props로 받을 수 있도록 구조 수정
Test Results35 tests 35 ✅ 21s ⏱️ Results for commit 7fd9f8a. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
관련 이슈
작업 내용
리액트에서 제공하는 API인
createPortal을 사용하면 body 내부에 적용된 스타일을 무시하고 절대적으로 위치가 결정되는 문제가 있었어요. 그래서, 툴팁을 보고 있는 상태에서 드래그를 하면 툴팁의 위치와 클릭한 위치가 달라지는 문제가 있었습니다. 이 문제를 해결하기 위해서createPortal을 사용하지 않고 부모 태그를 기준으로 상대적으로 툴팁의 위치가 결정될 수 있도록 했어요.특이 사항
스토리북 리액트 모듈 의존성 추가 문제
<></>로 리액트 프라그먼드를 표현하면 리액트 의존성을 강제로 추가해 줘야 하는 문제가 있었습니다. 만약 그렇지 않다면, 리액트 모듈을 의존성으로 추가해야 한다는 예외가 발생했어요. 그런데 또, 를 사용하면 문제가 해결되더군요...정확한 이유와 해결책을 파악하지 못해서 아직 임시방편으로 직접 프라그먼트 태그를 추가하는 방식을 사용했습니다. refactor: createPortal을 사용하는 것에서 부모 태그 위치를 기반으로 툴팁의 위치를 결정하도록 수정 해당 커밋의 스토리북 코드에서 확인할 수 있습니다.
리뷰 요구사항 (선택)
오랜만에 개발하니까 재밌네요 ㅎ