Недавно я заметил некоторые странности в 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 решает:заключить переформатированный текст в свою собственную таблицу в таблице:
Чтобы увидеть это, выберите некоторые или все из «Текст здесь»текст в таблице, затем нажмите «Нажмите здесь». То же самое не происходит, если в поле есть только одна строка текста.
Мысли? И если я отправляю это, я должен сделать это через ChromeОпция «Сообщить о проблеме ...» или другим способом?