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

ios 스크롤 오작동 #428

Closed
teihong93 opened this issue Dec 13, 2019 · 1 comment
Closed

ios 스크롤 오작동 #428

teihong93 opened this issue Dec 13, 2019 · 1 comment
Labels
bug Something isn't working

Comments

@teihong93
Copy link
Contributor

issue

  • ios 상에서 터치 영역이 어디로 설정되있느냐에 따라 스크롤 오류가 발생함
  • 질문 리스트 레이어에 해당하는 터치 영역과, 그 상위 영역이 중첩되어있는듯 함.
  • 한번이라도 상위 영역에 터치 이벤트가 동작하면 그때부터 명시적으로 하위 엘리먼트를 찍어주기 전까지 정상적으로 터치 이벤트가 동작하지 않음.
  • 상위 영역으로 터치 이벤트를 옮기는 방법은 질문 리스트를 끝까지 밀고, 잠시 기다렸다가 그상태에서 같은 방향으로 카드를 밀어주면 됨.
@demetoir demetoir added the bug Something isn't working label Dec 14, 2019
@teihong93
Copy link
Contributor Author

문제1: 아이폰 환경에서 질문 카드가 옆으로도 밀림

  • 해결책:
  • guest-app 의 App.js 최상단에 overflow:hidden

문제2: 아이폰 환경에서 질문 카드가 옆으로도 밀림

  • 해결책

  • guest-app 의 QuestionContainer 최상단에 overflow-y: scroll

  • 두개 모두 적용해야, 두 문제가 해결(하나 적용 안하면 나머지 문제도 해결되지 않음)

teihong93 added a commit to teihong93/2019-21 that referenced this issue Dec 16, 2019
아이폰 환경에서 질문 카드가 옆으로도 밀림
guest-app 의 App.js 최상단에 overflow:hidden
아이폰 환경에서 질문 카드가 옆으로도 밀림
guest-app 의 QuestionContainer 최상단에 overflow-y: scroll
해당 CSS 적용으로 인해 reply 의 스크롤바가 먹지 않아
reply 에서 Scrollbar 를 사용하였고, 이로인해 x축으로도 밀리게
되어 명시적으로 overflow-y:scroll 을 자식 컴포넌트에
적용함
nuguya added a commit that referenced this issue Dec 17, 2019
fix: iphone 에서 CSS 오류 해결 #428
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants