inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Svelte.js [Core API] 완벽 가이드

17. List 정렬을 위한 모듈(sortablejs)

드래드&드롭이 안되고 가끔 텍스트 블록만 잡히는 문제

2111

김민우

작성한 질문수 3

1

안녕하세요~ 전체적으로는 잘 동작하고 문제가 없습니다.

다만 마우스로 클릭후 드래그 할때 드래그로 전환이 안되고 텍스트의 블록만 잡게되는 경우가 한번식 발생하는데 이게 좀 거슬린다고나 할까요? 텍스트 선택이 안되고 하고 무조건 클릭하면 드래드&드롭이 되도록 하거나 텍스트로 드래그가 되는걸 예방하는 방법이 있을까요?

아 그리고 이런 원인은 무엇일까요 ㅜㅜ

(가끔씩 이미지처럼 드래그가 안되고 글씨영역을 드래그로 선택...)

드래그앤드롭 sortablejs Rollup Sortable svelte

답변 1

0

HEROPY

네 김민우 님 안녕하세요~😆

텍스트가 선택되는 걸 보니 .list 선택자에 user-select: none; 속성/값이 적용되지 않은 듯하네요.

해당 속성/값 적용하시면 텍스트 선택은 되지 않을 겁니다.

그리고 sortablejs의 delay 옵션 속도를 조절하시면 드래그&드롭에 대한 느낌을 조절할 수 있습니다.

제가 지정한 50ms 전후로 조절해 보시면 어떨까 합니다.

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

216

1

5 라이프사이클 모듈화 - 질문

0

292

1

소스코드

0

277

1

스벨트킷 강의는 안해주시나요?

0

347

1

강의 소스 코드

1

675

2

aws ec2 배포시 질문

1

897

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

458

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

392

1

textarea에서 esc 키를 누를 때 오류

1

342

1

스벨트 반응성에 대해 질문드립니다!

1

478

1

백엔드는 어떻게 배우면 좋을까요?

1

310

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

402

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6199

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

315

1

로그인 정보를 확인할 때

1

263

1

재렌더링 때 interval 처리 질문

1

294

1

7:10초 설명에 질문 있습니다.

1

274

1

:global() 에서 & 적용이 안되는거 같아요

2

303

1

promise 변수에 초기값 관련 질문입니다.

1

392

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

237

1

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

1

347

1

패키지 설치 시 퍼미션 에러

1

302

1

스토어를 왜 사용하는지 궁금합니다

0

241

1

node-sass 설치 오류

1

2065

2