Hello, Matej,

Regarding the questions:

1) The TextArea component can be used, but it will require using a custom send button as well as they are not connected. The standard textarea element can be connected via the ref, but as the TextArea is a custom component the ref structure is different.

2) This is because the component listens for onKeyDown for keyboard navigation. This can be prevented if needed:

  componentDidMount(){
    let element = document.querySelector('.k-message-box').addEventListener('keydown', (e) => {
      e.stopPropagation();
    })
  }

This is the updated example:

https://stackblitz.com/edit/react-iygvgu-sxwkpm?file=app%2Fmain.jsx

Regards,
Stefan
Progress Telerik

Hello, Matej,

This can be currently done using the messageBox props are rendering a TextArea component instead of the Input:

https://www.telerik.com/kendo-react-ui/components/conversationalui/custom-rendering/#toc-setting-custom-behavior

https://www.telerik.com/kendo-react-ui/components/inputs/textarea/

The TextArea has an autoSize prop to allow automatically adding new lines based on the user input:

https://www.telerik.com/kendo-react-ui/components/inputs/api/TextAreaProps/#toc-autosize

Regards,
Stefan
Progress Telerik