Html 当输入字段宽度超过时，需要随着输入字段高度的增加移动到新行

我目前正在创建聊天机器人。在文本输入字段中，无论何时写入大量单词，都会继续在同一行中。但我想在下一行继续，其中输入占位符的高度增加。 任何帮助都将不胜感激

 .react-chatbot-kit-chat-input {
    width: 180%;
    height:60%;
    background-color:#E2EFFF;

    padding: 12.5px;
    font-size: 1.0rem;
    border: 1px solid #A8BFF2;
    /* border-bottom-left-radius: 5px; */
    border-radius: 30px;
  }
 
  .react-chatbot-kit-chat-input-form {
    width: 180%;
    
    border-radius: 30px;
    
    
    display: flex;
    justify-content: center;
  }