Webchat icon indicating copy to clipboard operation
Webchat copied to clipboard

Add minHeight for Webchat textarea

Open sathianarayananh opened this issue 7 years ago • 1 comments

Problem Description Webchat textarea element doesn't have minHeight applied in its style. This causes textarea to load with irregular size on different web pages. Because it inherits the minHeight from parent. In our site, textarea size is large enough to overflow the page size.

Fix Add minHeight (let's say 70px) to textarea style.

_react2.default.createElement('textarea', { ref: function ref(i) { return _this3._input = i; }, value: value, style: {minHeight: 70, width: '100%', maxHeight: 70, resize: 'none' }, placeholder: 'Write a reply...', onChange: function onChange(e) { return _this3.setState({ value: e.target.value }, _this3.autoGrow); }, onKeyPress: function onKeyPress(e) { if (e.key === 'Enter') { _this3.sendMessage(); e.preventDefault(); } }, rows: 1 })

sathianarayananh avatar Aug 23 '18 14:08 sathianarayananh

Do you have an example of a website where the textarea is broken? It will help us to test the development.

OlivierNguyen avatar Aug 23 '18 16:08 OlivierNguyen