ACE 편집기 문제 - 웹 페이지 편집기 선택시 점프

Question

내 웹 페이지에서 Javascript의 멋진 ACE 편집기를 사용하고 있습니다. 그러나, 나는 대답을 찾을 수 없다는 문제에 직면 해있다.

때로는 편집기 내부의 텍스트를 선택하거나 편집기에서를 클릭하면 웹 페이지가 몇백 개의 픽셀로 빠르게 이동합니다. 나는이 문제를 제거 할 수 없었습니다,하지만 난이 발생할 가능성이 일부 조건 발견 :

• 웹 페이지 내가 페이지
에 둘 이상의 ACE 편집기를 전체 화면
• 되지 않습니다
• 에이스 편집기 (그것의 일부가 과부 위 또는 아래로 스크롤) 여기

그냥 당신이 무슨 뜻인지의 아이디어를 제공하기 위해 스크린 샷이다보기에 전혀 없습니다. After I click in the editor...

Scrolling down so you can see the editor again...

이 내가 선택 해제하려면 화살표 키를 사용할 때까지 내가 편집기에서 클릭 거의 모든 시간을 발생합니다 Before I click in the editor...

1. .

   이미 ACE의 최신 버전을 사용하고 있는지 확인하고 그것을 조작하고있는 추가 자바 스크립트를 대부분 제거하려고했습니다. 내가 문제의 코드 라인을 찾아 낼 수 없었던 유일한 방법. 이 Javscript 만 편집자와 함께 사용하면 발생합니다. 나는 체계적으로 모든 것을 제거했으며 여전히 그것을한다.

   var validatorEditor = ace.edit("custom-validator-editor"); 
   validatorEditor.$blockScrolling = Infinity; 
   validatorEditor.setTheme("ace/theme/xcode"); 
   validatorEditor.session.setMode({ path: "ace/mode/c_cpp", inline: true }); 
   validatorEditor.resize(); 
   
   var generatorEditor = ace.edit("output-generator-editor"); 
   generatorEditor.$blockScrolling = Infinity; 
   // generatorEditor mode is set dynamically later on usually 
   generatorEditor.setTheme("ace/theme/xcode"); 
   generatorEditor.resize(); 
   

   의견이나 제안이 있으십니까?

   감사합니다.

Answer 1

더 몇 시간 동안 파고 후, 나는 약간의 CSS 당신이 그것에 초점을 맞출 때 에디터 점프가 만들 것입니다 어떤 값 즉

.parent-div{ 
    transform: translateX(10%); 
} 

, 문제를 일으키는 것을 발견했다.