CringeStudios/gamja
5
0
Fork 1
mirror of https://codeberg.org/emersion/gamja synced 2025-03-13 07:48:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/composer.js
View File

@ -9,12 +9,12 @@ export default class Composer extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.handleChange = this.handleChange.bind(this); this.handleInput = this.handleInput.bind(this);
this.handleSubmit = this.handleSubmit.bind(this); this.handleSubmit = this.handleSubmit.bind(this);
this.handleWindowKeyDown = this.handleWindowKeyDown.bind(this); this.handleWindowKeyDown = this.handleWindowKeyDown.bind(this);
} }
handleChange(event) { handleInput(event) {
this.setState({ [event.target.name]: event.target.value }); this.setState({ [event.target.name]: event.target.value });
} }
@ -48,7 +48,7 @@ export default class Composer extends Component {
render() { render() {
return html` 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"/> <input type="text" name="text" ref=${this.textInput} value=${this.state.text} placeholder="Type a message"/>
</form> </form>
`; `;