Chat message TextBox height is smaller than expected

[zhpenkov]

Describe the bug
The Chat's message TextBox's height is smaller than the regular TextBox's height.

The height difference is caused by the k-massage-box class, which is applied to the Chat's message TextBox.

<div class="k-chat">
    <div class="k-message-list">...</div>
    <span class="k-message-box k-textbox">...</span> //TextBox
</div>

This class overrides the TextBox's border-width from border-width: 1px; to border-width: 1px 0 0;, resulting in a 1px height difference for the k-textbox element.

The current implementation is done because the parent element of the TextBox (k-chat) has its own borders. If the TextBox borders are not overridden, it would result in a double border scenario.

To reproduce
Steps to reproduce the behavior:

1. Go to 'any Chat demo and TextBox demo'
2. Inspect 'Chat message TextBox's height'
3. Inspect 'Regular TextBox's height'
4. Compare

Expected behavior

Every component's TextBoxes should have the same height, considering their respective sizes and themes.

Screenshots
If applicable, add screenshots to help explain your problem.

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

• Not Applicable

Build system information (please remove the unneeded items)

• Not Applicable

Additional context
Add any other context about the bug.