Closure의 SeamlessField가 스크롤 막대로 텍스트를 덮고 있습니다

HTML 편집기에서 Google 클로저 라이브러리를 사용하려고합니다. goog.editor.SeamlessField을 만들었지 만 너비가 너무 긴 단어를 입력하면 스크롤바가 삽입되어 텍스트를 덮습니다. 이 문제를 어떻게 해결할 수 있습니까?Closure의 SeamlessField가 스크롤 막대로 텍스트를 덮고 있습니다

SeamlessField with covered text

이 파이어 폭스에서만 일어나는 것으로 보인다. 다음은이 문제를 데모하는 HTML입니다.

<!DOCTYPE html> 
<html> 
<head> 
    <script type='text/javascript' src='/closure-library/closure/goog/base.js'></script> 
    <script> 
    goog.require('goog.dom'); 
    goog.require('goog.editor.SeamlessField'); 
    </script> 
    <script> 
    function init() { 
    var d = goog.dom.getElement('div1'); 
    var f = new goog.editor.SeamlessField(d); 
    f.makeEditable(); 
    } 
    </script> 
</head> 
<body> 


<div style='width:150px;'> 
<div id='div1'> 
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 
</div> 
</div> 

<button onclick='init();'>Create editor</button> 
</body> 
</html>

출처

2011-12-12 Rob N

이것은 Firefox에서만 발생할 수 있습니다. 크롬과 사파리는 그렇게하지 않습니다. 인터넷 익스플로러를 편리하게 사용하지 마십시오. –

이 SeamlessField 구성 요소로 생성 된 DOM 조각은 Chromium과 Firefox에서 서로 다릅니다. 전자는 고전적인 div 요소를 얻고, 나중에는 iFrame을 발행합니다. 이 계획은 Firefox가 콘텐츠 편집 가능 요소를 처리하는 방법과 관련이 있습니다. iFrame의 스타일을 지정하면 스크롤바를 피할 수 있습니다.

출처

2011-12-15 09:49:07 nunobaba

Closure의 SeamlessField가 스크롤 막대로 텍스트를 덮고 있습니다

답변

관련 문제