chipmunkmc/gamja-old
1
0
Fork 0
mirror of https://git.sr.ht/~emersion/gamja synced 2025-04-23 12:33:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Listen to input evbent in composer

Browse source 
Avoids having the pending text removed when re-rendering the component.
This commit is contained in:
Simon Ser 2020-06-26 14:57:34 +02:00
parent 0aa8cca483
commit 1b0ac4339f
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
1 changed files with 3 additions and 3 deletions

6
components/composer.js
View file

@ -9,12 +9,12 @@ export default class Composer extends Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.handleInput = this.handleInput.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
this.handleWindowKeyDown = this.handleWindowKeyDown.bind(this);
}
handleChange(event) {
handleInput(event) {
this.setState({ [event.target.name]: event.target.value });
}
@ -48,7 +48,7 @@ export default class Composer extends Component {
render() {
return html`
<form id="composer" class="${this.props.readOnly && !this.state.text ? "read-only" : ""}" onChange=${this.handleChange} onSubmit=${this.handleSubmit}>
<form id="composer" class="${this.props.readOnly && !this.state.text ? "read-only" : ""}" onInput=${this.handleInput} onSubmit=${this.handleSubmit}>
<input type="text" name="text" ref=${this.textInput} value=${this.state.text} placeholder="Type a message"/>
</form>
`;