Элемент абзаца TinyMCE не фокусируется в Internet Explorer 11 - PullRequest
0 голосов
/ 02 июля 2019

У меня проблема с Internet Explorer 11, не позволяющим сфокусировать пустой элемент абзаца в TinyMCE 3. У меня есть предыдущий элемент абзаца с различными дочерними узлами, такими как элементы image и span, которые я пометил как недоступные для редактированияс основным плагином NonEditable TinyMCE.Они вставляются через функцию execCommand ('mceInsertContent').Из-за того, что он недоступен для редактирования, мне пришлось вставить элемент абзаца, следующий сразу за нередактируемым блоком, и сделать так, чтобы курсор фокусировался там, что работает.Однако, если я щелкну не редактируемые элементы после вставки, я не смогу затем вернуться обратно к элементу абзаца ниже.Он становится полностью не сфокусированным, несмотря на то, что он определенно находится в DOM, поскольку я вижу это в проводнике DOM инструментов разработчика.Я полагаю, что существует некоторый набор взаимодействий, которые приводят к тому, что следующий элемент абзаца становится не фокусируемым, особенно после нажатия на нередактируемые элементы.

Я перепробовал все манипуляции с фокусом / выделением, которые мог придумать, и ничего не получалось,Единственная вещь, которая, кажется, работает (но не идеально) - это оставить пробел в абзаце, который следует за нередактируемым абзацем.Я не уверен, что это приемлемое решение.

Вот HTML-код, с которым я работаю

<p class="mceNonEditable">
  <a href="www.google.com">
    <span>
      <img></img>
    </span>
    <span>
      Some Text
    </span>
  </a>
</p>
<p></p>  <---- can't focus into this element after clicking into preceding paragraph

Internet Explorer, кажется, единственный браузер, с которым я столкнулсяпроблема с.Chrome и Safari позволяют сосредоточиться на этом элементе абзаца

...