POMOTODO : 이슈 (jQuery sortable 범위인식문제)

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다.

 

 

POMOTODO.kr

 

 

What is POMOTODO?

 

---

1. 문제인식 

 

리스트에 있는 드래그기능을 사용하는데 범위가 이상하다

 

알 수 없는 범위에서 작동하는 드래그 

* 설명을 위해 코드를 손봐서 리스트 크기가 조금 다르다

2. 원인

 

분명 컴퓨터에서는 잘 작동하는데 모바일에서 이슈가 발생했다

모바일과 컴퓨터에서 달라지는 코드를 먼저 꼼꼼히 찾아봤고,
반응형디자인을 적용할 때 모바일환경에서 요소들의 크기를 좀 키우고자 사용한 zoom 속성이 문제인 것 같았다

 

 

3. 해결

 

모든 zoom 속성을 제거했고 모바일 환경에서 요소의 크기를 개별적으로 키우도록 코드를 작성했다

정상범위에서 작동하는 sortable