SeamlessField от Closure закрывает текст полосой прокрутки - PullRequest
Новая
       45

SeamlessField от Closure закрывает текст полосой прокрутки

0 голосов
/ 13 декабря 2011

Я пытаюсь использовать библиотеку Google Closure для редактора HTML.Я создал goog.editor.SeamlessField, но если я введу слово, которое слишком длинное для ширины, оно вставит полосу прокрутки и закроет текст.Как мне это исправить?

SeamlessField with covered text

Похоже, это происходит только в Firefox.Вот некоторый 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>

1 Ответ

0 голосов
/ 15 декабря 2011

DOM-фрагменты, сгенерированные этим компонентом SeamlessField, отличаются для Chromium и Firefox. Первый получает классический элемент div, второй - iFrame. Схема как-то связана с тем, как Firefox обрабатывает редактируемые контентом элементы. Стилизуя iFrame, вы сможете избежать полосы прокрутки.

...