Firefox 中 contenteditable div 的问题

Question

我在 Firefox 中使用带有 contenteditable 属性的 div，我写的文本在 div 之外，尽管它在 chrome 中工作正常，但我在firefox，是浏览器的问题还是我的代码？

html;

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-duyuru" id="inputGroup-sizing-default" style="font-weight: 500;">Announcement Type:</span>
  </div>
  <div class="form-duyuru" name="dduyurutipi" id="dduyurutipi" aria-label="With textarea" contenteditable="true">UNPLANNED</div>
</div>

Firefox ;

Chrome;

Answer 1

尝试设置

word-break: break-all;

或

word-break: break-word;

Firefox 中 contenteditable div 的问题

Problems with contenteditable div in Firefox

html

firefox

contenteditable