diff --git a/components/form/style/index.less b/components/form/style/index.less
index 63733a355a..449d949785 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -519,7 +519,7 @@ form {
         border-color: @error-color;
       }
     }
-    &.@{ant-prefix}-mention-active .@{ant-prefix}-mention-editor,
+    &.@{ant-prefix}-mention-active:not([disabled]) .@{ant-prefix}-mention-editor,
     .@{ant-prefix}-mention-editor:not([disabled]):focus {
       .active(@error-color);
     }
diff --git a/components/mention/demo/async.md b/components/mention/demo/async.md
index e092d5cf4e..f15f79be69 100644
--- a/components/mention/demo/async.md
+++ b/components/mention/demo/async.md
@@ -43,7 +43,7 @@ class AsyncMention extends React.Component {
     const { suggestions, loading } = this.state;
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         loading={loading}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
diff --git a/components/mention/demo/avatar.md b/components/mention/demo/avatar.md
index 86464ae6b5..06015cfe4a 100644
--- a/components/mention/demo/avatar.md
+++ b/components/mention/demo/avatar.md
@@ -53,7 +53,7 @@ class CustomNavMention extends React.Component {
     const { suggestions } = this.state;
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
       />
diff --git a/components/mention/demo/basic.md b/components/mention/demo/basic.md
index f216ec8167..e1c2777988 100644
--- a/components/mention/demo/basic.md
+++ b/components/mention/demo/basic.md
@@ -27,7 +27,7 @@ function onSelect(suggestion) {
 
 ReactDOM.render(
   <Mention
-    style={{ width: '100%', height: 100 }}
+    style={{ width: '100%' }}
     onChange={onChange}
     defaultValue={toContentState('@afc163')}
     suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
diff --git a/components/mention/demo/controlled.md b/components/mention/demo/controlled.md
index bdd915b4fd..9ef437fbf8 100644
--- a/components/mention/demo/controlled.md
+++ b/components/mention/demo/controlled.md
@@ -65,7 +65,6 @@ class App extends React.Component {
           })(
             <Mention
               suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
-              style={{ height: 60 }}
             />
           )}
         </FormItem>
diff --git a/components/mention/demo/custom-tag.md b/components/mention/demo/custom-tag.md
index 330011997c..9cf8b50124 100644
--- a/components/mention/demo/custom-tag.md
+++ b/components/mention/demo/custom-tag.md
@@ -55,7 +55,7 @@ class CustomNavMention extends React.Component {
     return (
       <Mention
         placeholder="@someone"
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
         onSelect={onSelect}
diff --git a/components/mention/demo/multiple-trigger.md b/components/mention/demo/multiple-trigger.md
index e95a0a5fe3..7af913a613 100644
--- a/components/mention/demo/multiple-trigger.md
+++ b/components/mention/demo/multiple-trigger.md
@@ -45,7 +45,7 @@ class App extends React.Component {
   render() {
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         onChange={onChange}
         placeholder="input @ to mention people, # to mention tag"
         prefix={['@', '#']}
diff --git a/components/mention/demo/popupContainer.md b/components/mention/demo/popupContainer.md
index b79bed5e18..19cebe1f31 100644
--- a/components/mention/demo/popupContainer.md
+++ b/components/mention/demo/popupContainer.md
@@ -32,7 +32,7 @@ class PopoverContainer extends React.Component {
   render() {
     const mention = (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         onChange={onChange}
         defaultValue={toContentState('@afc163')}
         suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}