2012-10-25 3 views
0

contenteditable div에서 텍스트를 클릭하면 커서가 움직이지 않는 것처럼 보입니다.contenteditable div에 커서 (캐럿)가 표시되지 않습니다

일단 텍스트를 입력하면 커서가 표시되고 클릭 한 위치에 텍스트가 입력됩니다.

마치 커서가 이동했지만 다시 그려지지 않는 것처럼.

간단한 jsfiddle 환경에서 버그를 재현 할 수 없습니다.

이전에 누구와 같은 문제가 발생 했습니까?

그동안 페이지에서 CSS 및 JavaScript 파일 참조를 제거하여 문제의 원인을 찾아 내려고합니다. 및 역방향 - 빈 페이지로 시작하여 js/css를 추가하여 재현하십시오.

브라우저 : 크롬 자바 스크립트 모듈 : JQuery와, JQuery와 UI, 돌아 다니기에 알맞은 아래의 의견에 응답에

편집 할 수 있습니다.

나는 모든 자바 스크립트를 제거하려고 시도했다. 그리고 그 벌레는 아직 거기에 있었다. 그것은 CSS에서오고 있어야합니다. 관련 CSS 규칙을 하나씩 골라 내려고합니다. 사물의 조합 인 것 같습니다. the : psudo 클래스 (텍스트가 없으면 div에 자리 표시 자 텍스트를 표시하는 데 사용)가 문제의 일부인 것처럼 보입니다.

+0

이미 간단한 해킹을 시도한 적이 있습니까? div에 줄 바꿈하지 않는 공간을 남겨 둡니다. 그러면 비어 있지 않습니다. 포커스 이벤트에서 제거/지우시겠습니까? –

+0

어떤 브라우저에서 테스트합니까? 그리고 어떤 자바 스크립트 모듈이로드되어 간섭을 일으킬 수 있습니까? 재현 할 수 없다면 우리는 다음 중 하나가되지 않습니다 :-) – Bergi

+0

Firefox에서 주로 이런 문제가 발생했습니다. 'contenteditable'은 좌절감을주는 버그와 더 좌절감을 안겨줍니다. –

답변

0

contenteditable 요소의 배경에있는 div에서 css3 3d 변환으로 문제가 추적되었습니다.

iframe에 배경 요소를 배치하여 문제를 해결합니다.

관련 문제