Sticky Note ver. 1.0.3.0 스티커 메모 위젯 모바일 터치오류 팁

xe 공식 자료실에 남아있던  스티커 노트 위젯 

https://xe1.xpressengine.com/index.php?mid=download&package_id=20792413

너무 이뻐서 위젯으로 사용해 보려고 설치한후 혹시 오래된 위젯이라 작동에 문제 없을까 걱정했지만 pc에서는 잘 동작 하더군요 

그런데 모바일 에서가 문제였습니다.

모바일 에서는 터치스크롤이 안되서 화면 이동에 장애가 발생 합니다.

pc 에서는 별문제 없더군요..

모바일 터치 오류가 해결된 버전이 나왔는지 모르겠지만 공식 자료실의 위젯은 다운로드가 막힌듯해서 예전에 받아놨던 위젯을 설치했습니다. (Sticky Note ver. 1.0.3.0)

그리고 모바일 터치 부분을 살펴보니 

루트/common/js/plugins/ui/jquery-ui.min.css

파일의 touch-action: none 속성이 상속되어서 터치 가 안되는 속성이 적용되고 있더군요 ;;

해결은 

루트 /widgets/content/skins/sticky_note/css/widget.css  파일을 열어서 

class .wgt_sticky_note_itm 의 스타일 태그들이있는 9번 라인쯔음에 

아래처럼 

touch-action:auto !important 속성을 만들어 주면 됩니다.

/*ex) 강제 터치 적용 커스텀 */
.wgt_sticky_note_itm{touch-action:auto !important}

오래된 위젯 이지만 저처럼 혹시라도 사용 하시는 분들은 모바일 에서 터치스크롤 등 액션이 안될시 이 부분을 참고 하시기 바랍니다.

이상 너무나 짧은 쿠키였습니다 ㅠㅜ 

좋은 하루들 되세요