From bbb9eaf3fdd3e566bc22f1095cd38e8395f79de1 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Thu, 1 Jun 2017 17:03:47 +0100
Subject: [PATCH] Chrome: Disable the tags input when loading

---
 editor/sidebar/post-taxonomies/style.scss     |  5 -----
 .../sidebar/post-taxonomies/tags-selector.js  | 20 +++++++++----------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/editor/sidebar/post-taxonomies/style.scss b/editor/sidebar/post-taxonomies/style.scss
index e6331b7cf749d..79756bf2ec3a4 100644
--- 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
index 3692a129c65cc..9d1af1ac29cc7 100644
--- 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>
 		);
 	}