Closed ding-co closed 1 year ago
Dongkyuuuu
commented
1 year ago 정확한 프로퍼티 이름은 몰랐는데 tap-highlight가 맞는 것 같네요!
cursor: pointer에 tap-highlight가 추가 되는 것 같네요.
desktop까지 대응하게 된다면 어쩔 수 없겠지만, 모바일 상에서만 사용 되고, 해당 터치 인터렉션에 관해서 추가 적인 논의가 필요해서 우선 빼고 진행 했었습니다! 터치에 대한 느낌도 개인적으로는 터치 이후 진행되는 추가적인 액션에 의해 터치를 했다고 사용자가 느낄 수 있다고 판단하긴 했습니다. 리뷰 다시 살펴보니 버튼 컴포넌트 이네요. 저는 버튼은 아니고 리스트이긴 했는데 필요하시다면 디자인요청 드려서 진행해봐도 될 것 같습니다
저의 케이스는 아래 첨부한 영상과 같은 케이스 였습니다.
ding-co
commented
1 year ago 정확한 프로퍼티 이름은 몰랐는데
tap-highlight가 맞는 것 같네요!
cursor: pointer에tap-highlight가 추가 되는 것 같네요.desktop까지 대응하게 된다면 어쩔 수 없겠지만, 모바일 상에서만 사용 되고, 해당 터치 인터렉션에 관해서 추가 적인 논의가 필요해서 우선 빼고 진행 했었습니다!
터치에 대한 느낌도 개인적으로는 터치 이후 진행되는 추가적인 액션에 의해 터치를 했다고 사용자가 느낄 수 있다고 판단하긴 했습니다.
리뷰 다시 살펴보니 버튼 컴포넌트 이네요. 저는 버튼은 아니고 리스트이긴 했는데 필요하시다면 디자인요청 드려서 진행해봐도 될 것 같습니다
저의 케이스는 아래 첨부한 영상과 같은 케이스 였습니다.
포인터 미적용
포인터 적용
아하 요런 이슈였군요! 답변 감사합니다. 우선 모바일만 고려하므로 버튼에 커서 포인터를 넣나 안넣나 동일해서 그대로 가도 될 것 같습니다~
🛠 기타 설명 / 질문
[PR 링크]
동규님 PR merge 되면서 close 되어 이슈로 질문 남깁니다. 모바일에서 CSS cursor: pointer;로 주면 불필요한 outline 같은 것이 생긴다고 하셨는데, 정확히 어떤 부분에서 문제가 발생되어 말씀하신 걸까요.
저도 이와 관련되어 궁금증이 생겨 현직 퍼블리셔한테 질문을 남겨 답변을 받은 것을 공유드립니다~
<아이폰 사파리 테스트>
https://user-images.githubusercontent.com/80014673/205493830-473ae64a-ae3c-4f26-b283-70231b722e11.mp4
<아이폰 크롬 테스트>
https://user-images.githubusercontent.com/80014673/205493834-51e9575b-9357-4358-a359-830a9b051368.mp4
[W3 스펙 명세서 링크]