title: Problems with contenteditable div in Firefox
body: <p>I am using a div with the contenteditable attribute in Firefox, the text I write goes outside the div, although it works correctly in chrome, I have a problem in firefox, is it because of the browser or in my code?</p>
  <p>html;</p>
  <pre><code>&lt;div class=&quot;input-group mb-3&quot;&gt;
    &lt;div class=&quot;input-group-prepend&quot;&gt;
      &lt;span class=&quot;input-group-duyuru&quot; id=&quot;inputGroup-sizing-default&quot; style=&quot;font-weight: 500;&quot;&gt;Announcement Type:&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-duyuru&quot; name=&quot;dduyurutipi&quot; id=&quot;dduyurutipi&quot; aria-label=&quot;With textarea&quot; contenteditable=&quot;true&quot;&gt;UNPLANNED&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <blockquote>
  <p><strong>Firefox ;</strong>
  <a href="https://i.stack.imgur.com/fzo70.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fzo70.png" alt="enter image description here" /></a></p>
  </blockquote>
  <blockquote>
  <p><strong>Chrome;</strong>
  <a href="https://i.stack.imgur.com/VB0z1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VB0z1.png" alt="enter image description here" /></a></p>
  </blockquote>