contenteditable div에 어떤 ​​문제가 있습니까?

Question

이 웹탑 앱을 만들 때 수제 위젯의 일부인 contenteditable div 스택을 만들었습니다. 그러나 어떤 이유로 이건 작동하지 않습니다.

<div class="draft combobox" title="Draft"> 
    <ul> 
    <li> 
    </li> 
    </ul> 
<div class="text" contentEditable="true"> <!-- Right Here --> 
<img class="arrow button" src="icons/scroll-down-white.png" /> 

이제 문제를 해결하기위한 배경이 조금 있습니다. 나는 HTML을 다시 작성하는 과정에 있으며 어쨌든 (Phamlp와 함께) haml로 바꾸고있다. 그냥 너무 읽기가 어려워졌습니다. 나는 또한 CSS에서 lessphp를 사용하고있다.

다음은 내가 작성한 유일한 변경 사항입니다. 결과는 똑같습니다. 이제는 contenteditable div가 작동하지 않습니다 ... 포커스를 받아들이지 만 커서가 없으며 키 이벤트에 응답이 없습니다.

또한 아직 어떤 자바 스크립트도 첨부하지 않았습니다. 그래서 거기에 아무 일도 일어나지 않을 것입니다.

그래서이 div에 문제가 있습니다.

Answer 1

좋아요. 나는 그것을 해결했습니다 ... 내가 '-webkit-user-select : none'을 조상 div의 CSS에 설정했음을 알았습니다!