可调整大小的div和contenteditable标头的问题

Question

我有一个问题。我有可调整大小的部分和该部分的contenteditable标头。当我在contenteditable中键入某些内容时，它的工作原理非常好-节宽正在调整大小，但是当我按按钮调整节的大小，然后在标题中键入某些内容时-contenteditable不会重新调整div的大小。我该如何修理？我的代码：

HTML

-std=gnu11

CSS

       <section class="note">
            <h1 class="noteHeader">
                <span class="headerText" contenteditable="true" max="50">Title</span>
                <img class="deleteNote" src="images/delete.png" alt="Delete">
            </h1>
            <textarea class="noteText" rows="6"></textarea>
       </section>