treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Handle submit event of new list form (#5895)

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Yamagishi Kazutoshi 2017-12-06 20:18:10 +09:00 committed by Eugen Rochko
parent d7a17b5e8b
commit a9ca5ce920
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/mastodon/features/lists/components/new_list_form.js
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>
); );
} }

4
app/javascript/styles/mastodon/components.scss
View File

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