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

 

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

 

스티커노트이젯.png

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

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

 

모바일 터치 스크롤오류.jpg

 

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

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}

 

상속된 속성.jpg

 

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

 

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

좋은 하루들 되세요 

 

 

pc.jpg

 

 

TAG •

글쓴이 헌이

profile
xe 코어로 사이트운영중입니다
여러가지 정보를 배우고 싶어 가입했습니다
  • profile
    이게 정확히 맞는 사용법 인지는 저도 주먹구구라 잘 모르겠어요 정확한 직식이 있으신 분은 피드백 부탁드립니다 ^^;
  • profile

    https://rhymix.repo.hoto.dev/download/3818

    해당 자료가 GPL v2 이기에 글에 작성하신 패치를 반영하여 업로드 하였습니다. (1.0.3.1)

  • profile profile
    권한이 없다고 다운로드가 안됩니다.
    다운로드에 관한 안내 문구도 없구요.
  • profile profile
    문제 수정하였습니다.
  • profile profile

    개발자 님이시군요 감사드립니다 ^^ 너무나 이쁘고 좋은 위젯 입니다 만들어 주셔서 진심으로 감사드립니다