Странность в Chrome и Safari спорная? - PullRequest
0 голосов
/ 02 февраля 2019

Недавно я заметил некоторые странности в contenteditable div'ах, визуализируемых в Chrome и Safari, и подумал, что я должен проверить их работоспособность перед отправкой отчета об ошибке.Простой пример здесь:

$('#button').on('click', function() {
	document.execCommand('justifyCenter', false, false);
});
table {
  border-collapse:collapse;
}

td {
  border:1px solid black;
  width:100px;
  height:20px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div contenteditable=true>
  <b>
  <table>
    <tr><td>Text<br>here</td><td></td></tr>
    <tr><td></td><td></td></tr>
  </table>
  </b>
</div>
<button id='button'>
  Click here
</button>

(также в https://jsfiddle.net/ybjec681/3/)

Когда форматирование применяется к условному тексту в таблице, в некоторых случаях Chrome решает:заключить переформатированный текст в свою собственную таблицу в таблице:

Reformatted table

Чтобы увидеть это, выберите некоторые или все из «Текст здесь»текст в таблице, затем нажмите «Нажмите здесь». То же самое не происходит, если в поле есть только одна строка текста.

Мысли? И если я отправляю это, я должен сделать это через ChromeОпция «Сообщить о проблеме ...» или другим способом?

...