From a9ca5ce920ba3a793ab966912002b4609e29e76b Mon Sep 17 00:00:00 2001
From: Yamagishi Kazutoshi <ykzts@desire.sh>
Date: Wed, 6 Dec 2017 20:18:10 +0900
Subject: [PATCH] Handle submit event of new list form (#5895)
---
.../features/lists/components/new_list_form.js | 12 +++++-------
app/javascript/styles/mastodon/components.scss | 4 ++++
2 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/app/javascript/mastodon/features/lists/components/new_list_form.js b/app/javascript/mastodon/features/lists/components/new_list_form.js
index 0054e5264..eed6efc25 100644
--- a/app/javascript/mastodon/features/lists/components/new_list_form.js
+++ b/app/javascript/mastodon/features/lists/components/new_list_form.js
@@ -36,10 +36,9 @@ export default class NewListForm extends React.PureComponent {
this.props.onChange(e.target.value);
}
- handleKeyUp = e => {
- if (e.keyCode === 13) {
- this.props.onSubmit();
- }
+ handleSubmit = e => {
+ e.preventDefault();
+ this.props.onSubmit();
}
handleClick = () => {
@@ -53,7 +52,7 @@ export default class NewListForm extends React.PureComponent {
const title = intl.formatMessage(messages.title);
return (
- <div className='column-inline-form'>
+ <form className='column-inline-form' onSubmit={this.handleSubmit}>
<label>
<span style={{ display: 'none' }}>{label}</span>
@@ -62,7 +61,6 @@ export default class NewListForm extends React.PureComponent {
value={value}
disabled={disabled}
onChange={this.handleChange}
- onKeyUp={this.handleKeyUp}
placeholder={label}
/>
</label>
@@ -73,7 +71,7 @@ export default class NewListForm extends React.PureComponent {
title={title}
onClick={this.handleClick}
/>
- </div>
+ </form>
);
}
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 5eeefae4d..a582d2628 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -4467,6 +4467,10 @@ noscript {
input {
width: 100%;
margin-bottom: 6px;
+
+ &:focus {
+ outline: 0;
+ }
}
}