Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] 방 생성 QA 반영(#800) #801

Merged
merged 5 commits into from
Dec 9, 2024
Merged

[FE] 방 생성 QA 반영(#800) #801

merged 5 commits into from
Dec 9, 2024

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Dec 9, 2024

📓 스토리북 링크

바로가기

📌 관련 이슈

✨ PR 세부 내용

  • 리뷰어는 참여 인원에 영향을 미치지 않기 때문에 분리하였습니다.

  • 수정하기가 서버에서 오류가 뜨고 있어서 기능을 잠시 보류해두었습니다.
    image

  • feedback의 키워드가 많아지면서 feedbackCard에서 잘려서 보여서 스크롤을 넣어서 수정하였습니다.

  • 방 생성 시 시간을 클릭했을 때 시간 드롭다운이 화면 상단에 고정되는 오류를 해결하였습니다. scrollIntoView를 scrollTop으로 변경하였는데 scrollIntoView가 스크롤을 브라우저에게 맡겨서 예상치 못 한 동작으로 바뀌거나 부모 요소가 아닌 body를 기준으로 스크롤이 될 수 있다고 하네요. scrollTop으로 바꿔서 수동으로 스크롤을 조절하였습니다.

@github-actions github-actions bot added 수정 오류 수정 관련 작업 FE 프론트 개발 관련 작업 labels Dec 9, 2024
@chlwlstlf chlwlstlf self-assigned this Dec 9, 2024
@github-actions github-actions bot requested review from 00kang and pp449 December 9, 2024 04:15
Copy link
Member

@00kang 00kang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

작업 사항 다 확인했습니다~
이제는 잘 동작하길,, 제발

Comment on lines +37 to +41
-ms-overflow-style: none;

font: ${({ theme }) => theme.TEXT.large_bold};
&::-webkit-scrollbar {
display: none;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

나를 위한 정리

  • ms-overflow-style: none: Internet Explorer나 Edge 브라우저에서 스크롤바를 숨기는 속성
  • &::-webkit-scrollbar { display: none; }: Chrome, Safari 등 WebKit 기반 브라우저에서 스크롤바를 숨기는 속성

Comment on lines +24 to +25
const hourContainerRef = useRef<HTMLDivElement | null>(null);
const minuteContainerRef = useRef<HTMLDivElement | null>(null);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

버튼이 아니라 컨테이너에 ref를 달아서 오류를 수정했군요! 👍

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵! 감싼 div에서 activeHourButton를 추출해서 스크롤 되게 하였습니다ㅎㅎㅎ!!!

Copy link
Contributor

@pp449 pp449 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ 변경사항 확인했어요~

@pp449 pp449 merged commit 262b91b into develop Dec 9, 2024
4 checks passed
@pp449 pp449 deleted the fix/#800 branch December 9, 2024 04:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트 개발 관련 작업 수정 오류 수정 관련 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] 방 생성 QA 반영
3 participants