Handle submit event of new list form (#5895)

This commit is contained in:
Yamagishi Kazutoshi 2017-12-06 20:18:10 +09:00 committed by Eugen Rochko
parent 9c1cbddf70
commit f6b7869a2c
2 changed files with 9 additions and 7 deletions

View file

@ -36,10 +36,9 @@ export default class NewListForm extends React.PureComponent {
this.props.onChange(e.target.value); this.props.onChange(e.target.value);
} }
handleKeyUp = e => { handleSubmit = e => {
if (e.keyCode === 13) { e.preventDefault();
this.props.onSubmit(); this.props.onSubmit();
}
} }
handleClick = () => { handleClick = () => {
@ -53,7 +52,7 @@ export default class NewListForm extends React.PureComponent {
const title = intl.formatMessage(messages.title); const title = intl.formatMessage(messages.title);
return ( return (
<div className='column-inline-form'> <form className='column-inline-form' onSubmit={this.handleSubmit}>
<label> <label>
<span style={{ display: 'none' }}>{label}</span> <span style={{ display: 'none' }}>{label}</span>
@ -62,7 +61,6 @@ export default class NewListForm extends React.PureComponent {
value={value} value={value}
disabled={disabled} disabled={disabled}
onChange={this.handleChange} onChange={this.handleChange}
onKeyUp={this.handleKeyUp}
placeholder={label} placeholder={label}
/> />
</label> </label>
@ -73,7 +71,7 @@ export default class NewListForm extends React.PureComponent {
title={title} title={title}
onClick={this.handleClick} onClick={this.handleClick}
/> />
</div> </form>
); );
} }

View file

@ -4467,6 +4467,10 @@ noscript {
input { input {
width: 100%; width: 100%;
margin-bottom: 6px; margin-bottom: 6px;
&:focus {
outline: 0;
}
} }
} }