search

naver / egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
https://naver.github.io/egjs-flicking/
MIT License
2.74k stars 128 forks source link

ngx-flicking autoplay 상태에서 manual input이 버벅거리는 이슈 #720

Open minnsane opened 2 years ago

minnsane commented 2 years ago

Description

Steps to check or reproduce

패키지버전

flicking option

플러그인

재현코드 https://codesandbox.io/s/autoplay-manual-ou2vmz

특징

감사합니다!!

minnsane commented 2 years ago

@malangfox 환경을 특정할 수 없지만, 간혹 autoplay가 추가되지 않았더라도 인풋 패닝이 버벅거리는 이슈가 있었습니다. (4.3.3에서는 이슈 없음)

malangfox commented 2 years ago

안녕하세요 @minnsane 님.

Flicking 4.7.0 버전부터 nested 옵션을 추가하며 사용자 입력을 인식하는 구현이 변경되며 동작이 변화한 것으로 추정되는데요, 이전 버전에 없었던 부자연스러운 동작이 발생하는 경우 원인을 파악하여 수정해보고자 합니다. 남겨주신 코드에 기반하여 4.9.2 버전과 4.3.3 버전의 Autoplay 동작을 비교하며 버벅거리는 현상이 재현이 되지 않아 자세한 재현 환경을 확인해보고 싶습니다. 혹시 남겨주신 문제가 Autoplay가 적용된 Flicking에서 마우스를 이용한 manual input을 사용할 때의 느낌이 달라지는 현상일까요? 아니면 Autoplay가 진행되는 도중에 manual input을을 사용할 때 버벅거림이 발생하는 이슈일까요?

minnsane commented 2 years ago

@malangfox 안녕하세요.

위에 첨부한 코드를 보시면, autoplay가 적용된 flicking에서 마우스를 이용해 매뉴얼하게 패닝을 하면, 패닝이 동작하지 않을 때가 있습니다. 동영상도 첨부하겠습니다!

https://user-images.githubusercontent.com/17758538/186087633-e1ff57bc-b436-47cf-b982-7d010afaad72.mov

minnsane commented 2 years ago

@malangfox 요 현상은 현재 적용가능한 workaround 같은 건 없는걸까요ㅠㅠ?

malangfox commented 2 years ago

안녕하세요.

현재 남겨주신 현상에 대해 원인을 파악 중에 있으며 첨부하여주신 영상은 moveType이 snap 일 때 드래그를 통해 다음 패널까지 도달하기 위한 거리가 충분하지 않을 때 패널이 이동되지 않는 현상과 유사한 것으로 추정됩니다. moveType이 snap 일 때는 사용자가 드래그 동작을 마쳤을 때 드래그가 이루어진 거리 및 threshold에 기반하여 이동할 다음 패널을 정하게 되는데요, 혹시 autoplay가 활성화된 상태에서 마우스를 이용하여 크게 드래그를 할 때에도 발생하는지 및 autoplay를 사용하지 않는 상태에서 비슷한 드래그 동작을 하였을 때는 해당 오류가 재현되지 않는지 확인이 가능할까요?

threshold의 기본 값은 40으로 설정되어 있는데 이슈에서 남겨주신 내용과 같이 이를 낮추는 것으로 해당 현상을 어느정도 예방할 수 있을 것 같으며 저희 쪽에서도 autoplay가 활성화되어있을 때 해당 현상이 발생하는 원인을 파악해보도록 하겠습니다.

minnsane commented 2 years ago

@malangfox 안녕하세요~~ 이슈를 재현한 첨부코드 보시면, 크게 드래그하였을 때도 해당 현상 발생함을 확인할 수 있습니다!

malangfox commented 1 year ago

남겨주신 현상을 재현하는 과정에서 autoplay가 활성화되어있지 않더라도 패널을 빠르게 움직일 때 불규칙하게 마우스/터치를 놓을 때의 가속도가 반영되지 않는 현상을 확인하였습니다. 이슈에 남겨주신 링크에서 테스트해보시며 autoplay 플러그인을 사용하지 않았을 때에도 영상으로 기록하셨던 부자연스러운 동작이 이따금 발생하는지, 또한 빠르게 움직이며 놓을 때에만 발생하는지 확인이 가능할까요? 파악된 이슈가 해결된 패치가 배포될 시 연락을 남기도록 하겠습니다.

minnsane commented 1 year ago

@malangfox 환경을 특정할 수 없지만, 간혹 autoplay가 추가되지 않았더라도 인풋 패닝이 버벅거리는 이슈가 있었습니다. (4.3.3에서는 이슈 없음)

@malangfox autoplay가 활성화 되지 않은 상태에서도 부자연스러운 동작이 발생하는 경우가 있습니다.

부자연스러운 동작은 테스트할 때 안드로이드 기기보다 ios기기에서 더 많이 발생하는 느낌이었습니다.

minnsane commented 1 year ago

안녕하세요. 혹시 이 이슈 업데이트가 있을까요?

malangfox commented 1 year ago

안녕하세요. 남겨주신 이슈의 발생 원인을 해결할 방법을 파악 중이기에, 아직 별도의 픽스는 적용되지 않은 상태입니다. 추후 해당 현상이 수정될 시 코멘트드리도록 하겠습니다.