Chrome: Disable the tags input when loading

WordPress · Jun 5, 2017 · bbb9eaf · bbb9eaf
1 parent 8f20d1d
commit bbb9eaf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 16 deletions.
diff --git a/editor/sidebar/post-taxonomies/style.scss b/editor/sidebar/post-taxonomies/style.scss
@@ -1,8 +1,3 @@
 .editor-post-taxonomies__tags-selector {
 	margin-top: 10px;
-
-	.spinner {
-		float: none;
-		margin: 0;
-	}
 }
diff --git a/editor/sidebar/post-taxonomies/tags-selector.js b/editor/sidebar/post-taxonomies/tags-selector.js
@@ -8,7 +8,7 @@ import { unescape, find } from 'lodash';
  * WordPress dependencies
  */
 import { Component } from 'element';
-import { Spinner, FormTokenField } from 'components';
+import { FormTokenField } from 'components';
 import { getEditedPostAttribute } from '../../selectors';
 import { editPost } from '../../actions';
 
@@ -102,16 +102,14 @@ class TagsSelector extends Component {
 
 		return (
 			<div className="editor-post-taxonomies__tags-selector">
-				{ loading && <Spinner /> }
-				{ ! loading &&
-					<FormTokenField
-						value={ selectedTags }
-						displayTransform={ unescape }
-						suggestions={ tagNames }
-						onChange={ this.onTagsChange }
-						maxSuggestions={ MAX_TERMS_SUGGESTIONS }
-					/>
-				}
+				<FormTokenField
+					value={ selectedTags }
+					displayTransform={ unescape }
+					suggestions={ tagNames }
+					onChange={ this.onTagsChange }
+					maxSuggestions={ MAX_TERMS_SUGGESTIONS }
+					disabled={ loading }
+				/>
 			</div>
 		);
 	}