목록CSS (1)

이것저것 공부한 기록

[css&vue] 모바일 브라우저에서의 active 타이밍 이슈

현재 구현 진행하고있는 vue.js webapp에 press효과가 요구되는 부분이 있었다. onclick이벤트로 아이템 선택 이후 화면 전환이 일어나는 시나리오로, 여타 press효과 구현과 같이 단순하게 css에서 active속성을 줘서 press효과를 구현하였고 PC Chrome환경에서 테스트 했을 때는 Ok라서 적용. 그런데 실제 실행 환경에서 press효과를 확인 할 수 없다는 이슈가 보고됐다. 확인해보니 long press가 아니면 화면에서 확인할 수가 없었음. 타이밍이슈인건 알겠는데 active속성만 믿고있었던 터라 대체 뭐가 문젠지 몰라 혼자 hover도 적용해보고 (마우스 커서가 있는 환경이 아니라 실패했다.) 서치해봤는데 해결이 안돼서 결국 다른 팀에 물어보니 비슷한 이슈가 있어 touc..
Study/Vue.js 2021. 12. 7. 15:11
이전 Prev 1 Next 다음