Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add minHeight for Webchat textarea #9

Open
sathianarayananh opened this issue Aug 23, 2018 · 1 comment
Open

Add minHeight for Webchat textarea #9

sathianarayananh opened this issue Aug 23, 2018 · 1 comment
Assignees

Comments

@sathianarayananh
Copy link

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 })

@OlivierNguyen
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants