Chrome和Safari中的怪异内容可编辑吗？

Question

我最近注意到在Chrome和Safari中呈现的可内容编辑的div有点怪异，并认为在发送错误报告之前，我会在这里进行完整性检查。简单的例子在这里：

$('#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的“报告问题...”选项或其他方式来做到？