diff --git a/.prettierrc b/.prettierrc
index 27dd8afb8..4d75b549a 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -3,5 +3,7 @@
   "semi": true,
   "singleQuote": true,
   "tabWidth": 2,
-  "trailingComma": "all"
-}
+  "trailingComma": "all",
+  "proseWrap": "never",
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 7e081968d..02feb538b 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,12 @@
 # rc-select
+
 ---
 
 React Select
 
-[![NPM version][npm-image]][npm-url]
-[![build status][travis-image]][travis-url]
-[![Test coverage][coveralls-image]][coveralls-url]
-[![Dependencies](https://img.shields.io/david/react-component/select.svg?style=flat-square)](https://david-dm.org/react-component/select)
-[![DevDependencies](https://img.shields.io/david/dev/react-component/select.svg?style=flat-square)](https://david-dm.org/react-component/select?type=dev)
-[![npm download][download-image]][download-url]
-[![Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://github.com/react-component/select)
+[![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][coveralls-image]][coveralls-url] [![Dependencies](https://img.shields.io/david/react-component/select.svg?style=flat-square)](https://david-dm.org/react-component/select) [![DevDependencies](https://img.shields.io/david/dev/react-component/select.svg?style=flat-square)](https://david-dm.org/react-component/select?type=dev) [![npm download][download-image]][download-url] [![Storybook](https://gw.alipayobjects.com/mdn/ob_info/afts/img/A*CQXNTZfK1vwAAAAAAAAAAABjAQAAAQ/original)](https://github.com/react-component/select)
 
-[Storybook]: https://github.com/storybooks/press/blob/master/badges/storybook.svg
+[storybook]: https://github.com/storybooks/press/blob/master/badges/storybook.svg
 [npm-image]: http://img.shields.io/npm/v/rc-select.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-select
 [travis-image]: https://img.shields.io/travis/react-component/select.svg?style=flat-square
@@ -29,12 +24,12 @@ React Select
 
 ## Feature
 
-* support ie9,ie9+,chrome,firefox,safari
+- support ie9,ie9+,chrome,firefox,safari
 
 ### Keyboard
 
-* Open select (focus input || focus and click)
-* KeyDown/KeyUp/Enter to navigate menu
+- Open select (focus input || focus and click)
+- KeyDown/KeyUp/Enter to navigate menu
 
 ## install
 
@@ -45,7 +40,7 @@ React Select
 ### basic use
 
 ```js
-import Select, {Option, OptGroup} from 'rc-select';
+import Select, { Option, OptGroup } from 'rc-select';
 
 var c = (
   <Select>
@@ -61,57 +56,57 @@ React.render(c, container);
 
 ### Select props
 
-| name     | description    | type     | default      |
-|----------|----------------|----------|--------------|
-|id | html id to set on the component wrapper | String | '' |
-|className | additional css class of root dom node | String | '' |
-|data-\* | html data attributes to set on the component wrapper | String | '' |
-|prefixCls | prefix class | String | '' |
-|animation | dropdown animation name. only support slide-up now | String | '' |
-|transitionName | dropdown css animation name | String | '' |
-|choiceTransitionName | css animation name for selected items at multiple mode | String | '' |
-|dropdownMatchSelectWidth | whether dropdown's with is same with select | bool | true |
-|dropdownClassName | additional className applied to dropdown | String | - |
-|dropdownStyle | additional style applied to dropdown | Object | {} |
-|dropdownAlign | additional align applied to dropdown | Object | {} |
-|dropdownMenuStyle | additional style applied to dropdown menu | Object | {} |
-|notFoundContent | specify content to show when no result matches. | String | 'Not Found' |
-|tokenSeparators | separator used to tokenize on tag/multiple mode | string[]? |  |
-|open | control select open | bool | |
-|defaultOpen | control select default open | bool | |
-|placeholder | select placeholder | React Node | |
-|showSearch | whether show search input in single mode | bool | true |
-|showArrow | whether show arrow | bool | true (single mode), false (multiple mode) |
-|allowClear | whether allowClear | bool | false |
-|tags | when tagging is enabled the user can select from pre-existing options or create a new tag by picking the first choice, which is what the user has typed into the search box so far. | bool | false |
-|tagRender | render custom tags. | (props: CustomTagProps) => ReactNode | - |
-|maxTagTextLength | max tag text length to show | number | - |
-|maxTagCount | max tag count to show | number | - |
-|maxTagPlaceholder | placeholder for omitted values | ReactNode/function(omittedValues) | - |
-|combobox | enable combobox mode(can not set multiple at the same time) | bool | false |
-|multiple | whether multiple select | bool | false |
-|disabled | whether disabled select | bool | false |
-|filterOption | whether filter options by input value. default filter by option's optionFilterProp prop's value | bool | true/Function(inputValue:string, option:Option) |
-|optionFilterProp | which prop value of option will be used for filter if filterOption is true | String | 'value' |
-|optionLabelProp | render option value or option children as content of select | String: 'value'/'children' | 'value' |
-|defaultValue | initial selected option(s) | String/Array<String> | - |
-|value | current selected option(s) | String/Array<String>/{key:String, label:React.Node}/Array<{key, label}> | - |
-|firstActiveValue | first active value when there is no value | String/Array<String> | - |
-|labelInValue| whether to embed label in value, see above value type. Not support `combobox` mode | Bool | false |
-|backfill| whether backfill select option to search input (Only works in single and combobox mode) | Bool | false |
-|onChange | called when select an option or input value change(combobox) | function(value, option:Option/Array<Option>) | - |
-|onSearch | called when input changed | function | - |
-|onBlur | called when blur | function | - |
-|onFocus | called when focus | function | - |
-|onPopupScroll | called when menu is scrolled | function | - |
-|onSelect | called when a option is selected. param is option's value and option instance | Function(value, option:Option) | - |
-|onDeselect | called when a option is deselected. param is option's value. only called for multiple or tags | Function(value, option:Option) | - |
-|onInputKeyDown | called when key down on input | Function(event) | - |
-|defaultActiveFirstOption | whether active first option by default | bool | true |
-|getPopupContainer | container which popup select menu rendered into | function(trigger:Node):Node | function(){return document.body;} |
-|getInputElement| customize input element | function(): Element | - |
-|showAction| actions trigger the dropdown to show | String[]? | - |
-|autoFocus| focus select after mount | Bool | - |
+| name | description | type | default |
+| --- | --- | --- | --- |
+| id | html id to set on the component wrapper | String | '' |
+| className | additional css class of root dom node | String | '' |
+| data-\* | html data attributes to set on the component wrapper | String | '' |
+| prefixCls | prefix class | String | '' |
+| animation | dropdown animation name. only support slide-up now | String | '' |
+| transitionName | dropdown css animation name | String | '' |
+| choiceTransitionName | css animation name for selected items at multiple mode | String | '' |
+| dropdownMatchSelectWidth | whether dropdown's with is same with select | bool | true |
+| dropdownClassName | additional className applied to dropdown | String | - |
+| dropdownStyle | additional style applied to dropdown | Object | {} |
+| dropdownAlign | additional align applied to dropdown | Object | {} |
+| dropdownMenuStyle | additional style applied to dropdown menu | Object | {} |
+| notFoundContent | specify content to show when no result matches. | String | 'Not Found' |
+| tokenSeparators | separator used to tokenize on tag/multiple mode | string[]? |  |
+| open | control select open | bool |  |
+| defaultOpen | control select default open | bool |  |
+| placeholder | select placeholder | React Node |  |
+| showSearch | whether show search input in single mode | bool | true |
+| showArrow | whether show arrow | bool | true (single mode), false (multiple mode) |
+| allowClear | whether allowClear | bool | false |
+| tags | when tagging is enabled the user can select from pre-existing options or create a new tag by picking the first choice, which is what the user has typed into the search box so far. | bool | false |
+| tagRender | render custom tags. | (props: CustomTagProps) => ReactNode | - |
+| maxTagTextLength | max tag text length to show | number | - |
+| maxTagCount | max tag count to show | number | - |
+| maxTagPlaceholder | placeholder for omitted values | ReactNode/function(omittedValues) | - |
+| combobox | enable combobox mode(can not set multiple at the same time) | bool | false |
+| multiple | whether multiple select | bool | false |
+| disabled | whether disabled select | bool | false |
+| filterOption | whether filter options by input value. default filter by option's optionFilterProp prop's value | bool | true/Function(inputValue:string, option:Option) |
+| optionFilterProp | which prop value of option will be used for filter if filterOption is true | String | 'value' |
+| optionLabelProp | render option value or option children as content of select | String: 'value'/'children' | 'value' |
+| defaultValue | initial selected option(s) | String/Array<String> | - |
+| value | current selected option(s) | String/Array<String>/{key:String, label:React.Node}/Array<{key, label}> | - |
+| firstActiveValue | first active value when there is no value | String/Array<String> | - |
+| labelInValue | whether to embed label in value, see above value type. Not support `combobox` mode | Bool | false |
+| backfill | whether backfill select option to search input (Only works in single and combobox mode) | Bool | false |
+| onChange | called when select an option or input value change(combobox) | function(value, option:Option/Array<Option>) | - |
+| onSearch | called when input changed | function | - |
+| onBlur | called when blur | function | - |
+| onFocus | called when focus | function | - |
+| onPopupScroll | called when menu is scrolled | function | - |
+| onSelect | called when a option is selected. param is option's value and option instance | Function(value, option:Option) | - |
+| onDeselect | called when a option is deselected. param is option's value. only called for multiple or tags | Function(value, option:Option) | - |
+| onInputKeyDown | called when key down on input | Function(event) | - |
+| defaultActiveFirstOption | whether active first option by default | bool | true |
+| getPopupContainer | container which popup select menu rendered into | function(trigger:Node):Node | function(){return document.body;} |
+| getInputElement | customize input element | function(): Element | - |
+| showAction | actions trigger the dropdown to show | String[]? | - |
+| autoFocus | focus select after mount | Bool | - |
 | autoClearSearchValue | auto clear search input value when multiple select is selected/deselected | boolean | true |
 | inputIcon | specify the select arrow icon | ReactNode | - |
 | clearIcon | specify the clear icon | ReactNode | - |
@@ -119,33 +114,32 @@ React.render(c, container);
 | menuItemSelectedIcon | specify the remove icon | ReactNode \| (props: MenuItemProps) => ReactNode | - |
 | dropdownRender | render custom dropdown menu | (menu: React.Node, props: MenuProps) => ReactNode | - |
 | loading | show loading icon in arrow | Boolean | false |
+| virtual | Disable virtual scroll | Boolean | true |
 
 ### Methods
 
-| name     | description    | parameters | return      |
-|----------|----------------|----------|--------------|
-|focus     | focus select programmably | - | - |
-|blur     | blur select programmably | - | - |
+| name  | description               | parameters | return |
+| ----- | ------------------------- | ---------- | ------ |
+| focus | focus select programmably | -          | -      |
+| blur  | blur select programmably  | -          | -      |
 
 ### Option props
 
-| name     | description    | type     | default      |
-|----------|----------------|----------|--------------|
-|className | additional class to option | String | '' |
-|disabled | no effect for click or keydown for this item | bool | false |
-|key | if react want you to set key, then key is same as value, you can omit value | String/number | - |
-|value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String/number | - |
-|title | if you are not satisfied with auto-generated `title` which is show while hovering on selected value, you can customize it with this property | String | - |
-
+| name | description | type | default |
+| --- | --- | --- | --- |
+| className | additional class to option | String | '' |
+| disabled | no effect for click or keydown for this item | bool | false |
+| key | if react want you to set key, then key is same as value, you can omit value | String/number | - |
+| value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String/number | - |
+| title | if you are not satisfied with auto-generated `title` which is show while hovering on selected value, you can customize it with this property | String | - |
 
 ### OptGroup props
 
-| name     | description    | type     | default      |
-|----------|----------------|----------|--------------|
-|label | group label | String/React.Element | - |
-|key | - | String | - |
-|value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String | - |
-
+| name | description | type | default |
+| --- | --- | --- | --- |
+| label | group label | String/React.Element | - |
+| key | - | String | - |
+| value | default filter by this attribute. if react want you to set key, then key is same as value, you can omit value | String | - |
 
 ## Development
 
@@ -172,7 +166,6 @@ npm test
 npm run coverage
 ```
 
-
 ## License
 
 rc-select is released under the MIT license.
diff --git a/package.json b/package.json
index 0cac40097..225a1809d 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "rc-animate": "^2.10.0",
     "rc-trigger": "^4.0.0",
     "rc-util": "^4.20.0",
-    "rc-virtual-list": "^1.0.0",
+    "rc-virtual-list": "^1.1.0",
     "warning": "^4.0.3"
   },
   "devDependencies": {
diff --git a/src/OptionList.tsx b/src/OptionList.tsx
index 68f44a8ff..31a08f1c6 100644
--- a/src/OptionList.tsx
+++ b/src/OptionList.tsx
@@ -27,6 +27,7 @@ export interface OptionListProps<OptionsType extends object[]> {
   menuItemSelectedIcon?: RenderNode;
   childrenAsData: boolean;
   searchValue: string;
+  virtual: boolean;
 
   onSelect: (value: RawValueType, option: { selected: boolean }) => void;
   onToggleOpen: (open?: boolean) => void;
@@ -62,6 +63,7 @@ const OptionList: React.RefForwardingComponent<
     notFoundContent,
     open,
     menuItemSelectedIcon,
+    virtual,
     onSelect,
     onToggleOpen,
     onActiveValue,
@@ -255,6 +257,7 @@ const OptionList: React.RefForwardingComponent<
         fullHeight={false}
         onMouseDown={onListMouseDown}
         onScroll={onScroll}
+        virtual={virtual}
       >
         {({ group, groupOption, data }, itemIndex) => {
           const { label, key } = data;
diff --git a/src/SelectTrigger.tsx b/src/SelectTrigger.tsx
index 5bee5b957..23964ba31 100644
--- a/src/SelectTrigger.tsx
+++ b/src/SelectTrigger.tsx
@@ -38,7 +38,7 @@ export interface SelectTriggerProps {
   containerWidth: number;
   dropdownStyle: React.CSSProperties;
   dropdownClassName: string;
-  dropdownMatchSelectWidth?: true | number;
+  dropdownMatchSelectWidth?: boolean | number;
   dropdownRender?: (menu: React.ReactElement) => React.ReactElement;
   getPopupContainer?: RenderDOMFunc;
   dropdownAlign: object;
@@ -90,6 +90,17 @@ const SelectTrigger: React.RefForwardingComponent<
     getPopupElement: () => popupRef.current,
   }));
 
+  const popupStyle: React.CSSProperties = {
+    minWidth: containerWidth,
+    ...dropdownStyle,
+  };
+
+  if (typeof dropdownMatchSelectWidth === 'number') {
+    popupStyle.width = dropdownMatchSelectWidth;
+  } else if (dropdownMatchSelectWidth) {
+    popupStyle.width = containerWidth;
+  }
+
   return (
     <Trigger
       {...restProps}
@@ -106,13 +117,7 @@ const SelectTrigger: React.RefForwardingComponent<
       popupClassName={classNames(dropdownClassName, {
         [`${dropdownPrefixCls}-empty`]: empty,
       })}
-      popupStyle={{
-        ...dropdownStyle,
-        width:
-          typeof dropdownMatchSelectWidth === 'number'
-            ? dropdownMatchSelectWidth
-            : containerWidth,
-      }}
+      popupStyle={popupStyle}
       getTriggerDOMNode={getTriggerDOMNode}
     >
       {children}
diff --git a/src/generate.tsx b/src/generate.tsx
index c37171bbe..eb07d9a14 100644
--- a/src/generate.tsx
+++ b/src/generate.tsx
@@ -107,7 +107,8 @@ export interface SelectProps<OptionsType extends object[], ValueType>
   listItemHeight?: number;
   dropdownStyle?: React.CSSProperties;
   dropdownClassName?: string;
-  dropdownMatchSelectWidth?: true | number;
+  dropdownMatchSelectWidth?: boolean | number;
+  virtual?: boolean;
   dropdownRender?: (menu: React.ReactElement) => React.ReactElement;
   dropdownAlign?: any;
   animation?: string;
@@ -301,6 +302,7 @@ export default function generateSelector<
       listItemHeight = 20,
       animation,
       transitionName,
+      virtual,
       dropdownStyle,
       dropdownClassName,
       dropdownMatchSelectWidth,
@@ -927,6 +929,7 @@ export default function generateSelector<
         onScroll={onPopupScroll}
         searchValue={mergedSearchValue}
         menuItemSelectedIcon={menuItemSelectedIcon}
+        virtual={virtual !== false && dropdownMatchSelectWidth !== false}
       />
     );
 
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index f2d4bcdd5..0cfef15db 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -3,6 +3,7 @@ import KeyCode from 'rc-util/lib/KeyCode';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { resetWarned } from 'rc-util/lib/warning';
+import { spyElementPrototype } from 'rc-util/lib/test/domHook';
 import Select, { OptGroup, Option, SelectProps } from '../src';
 import focusTest from './shared/focusTest';
 import blurTest from './shared/blurTest';
@@ -1166,20 +1167,67 @@ describe('Select.Basic', () => {
   });
 
   // https://github.com/ant-design/ant-design/issues/12260
-  it('dropdown menu width should not be smaller than trigger even dropdownMatchSelectWidth is false', () => {
-    const wrapper = mount(
-      <Select style={{ width: 1000 }} dropdownMatchSelectWidth={233}>
-        <Option value={0}>0</Option>
-        <Option value={1}>1</Option>
-      </Select>,
-    );
-    toggleOpen(wrapper);
-    expect(
-      wrapper
-        .find('.rc-select-dropdown')
-        .last()
-        .props().style.width,
-    ).toBe(233);
+  describe('dropdownMatchSelectWidth', () => {
+    let domHook;
+
+    beforeAll(() => {
+      domHook = spyElementPrototype(HTMLElement, 'offsetWidth', {
+        get: () => 1000,
+      });
+    });
+
+    afterAll(() => {
+      domHook.mockRestore();
+    });
+
+    it('dropdown menu width should not be smaller than trigger even dropdownMatchSelectWidth is false', () => {
+      const options = [];
+      for (let i = 0; i < 99; i += 1) {
+        options.push({
+          value: i,
+        });
+      }
+
+      const wrapper = mount(
+        <Select
+          listItemHeight={10}
+          listHeight={100}
+          style={{ width: 1000 }}
+          dropdownMatchSelectWidth={false}
+          options={options}
+        />,
+      );
+      toggleOpen(wrapper);
+      expect(
+        wrapper
+          .find('.rc-select-dropdown')
+          .last()
+          .props().style.minWidth,
+      ).toBe(1000);
+
+      // dropdownMatchSelectWidth is false means close virtual scroll
+      expect(wrapper.find('.rc-select-item')).toHaveLength(options.length);
+    });
+
+    it('virtual false also no render virtual list', () => {
+      const options = [];
+      for (let i = 0; i < 99; i += 1) {
+        options.push({
+          value: i,
+        });
+      }
+
+      const wrapper = mount(
+        <Select
+          listItemHeight={10}
+          listHeight={100}
+          virtual={false}
+          options={options}
+        />,
+      );
+      toggleOpen(wrapper);
+      expect(wrapper.find('.rc-select-item')).toHaveLength(options.length);
+    });
   });
 
   it('if loading, arrow should show loading icon', () => {
@@ -1538,15 +1586,18 @@ describe('Select.Basic', () => {
       </Select>,
     );
 
-    [[1, '1'], [null, 'No'], [0, '0'], ['', 'Empty']].forEach(
-      ([value, showValue], index) => {
-        toggleOpen(wrapper);
-        selectItem(wrapper, index);
-        expect(onChange).toHaveBeenCalledWith(value, expect.anything());
-        expect(wrapper.find('.rc-select-selection-item').text()).toEqual(
-          showValue,
-        );
-      },
-    );
+    [
+      [1, '1'],
+      [null, 'No'],
+      [0, '0'],
+      ['', 'Empty'],
+    ].forEach(([value, showValue], index) => {
+      toggleOpen(wrapper);
+      selectItem(wrapper, index);
+      expect(onChange).toHaveBeenCalledWith(value, expect.anything());
+      expect(wrapper.find('.rc-select-selection-item').text()).toEqual(
+        showValue,
+      );
+    });
   });
 });
diff --git a/tests/__snapshots__/Select.test.tsx.snap b/tests/__snapshots__/Select.test.tsx.snap
index 2aab5a62d..232b6db79 100644
--- a/tests/__snapshots__/Select.test.tsx.snap
+++ b/tests/__snapshots__/Select.test.tsx.snap
@@ -148,7 +148,7 @@ exports[`Select.Basic filterOption could be true as described in default value 1
   <div>
     <div
       class="rc-select-dropdown"
-      style="opacity: 0; width: 0px;"
+      style="opacity: 0; min-width: 0; width: 0px;"
     >
       <div>
         <div
@@ -821,7 +821,7 @@ exports[`Select.Basic should render custom dropdown correctly 1`] = `
   <div>
     <div
       class="rc-select-dropdown"
-      style="opacity: 0; width: 0px;"
+      style="opacity: 0; min-width: 0; width: 0px;"
     >
       <div>
         <div>
diff --git a/tests/__snapshots__/Tags.test.tsx.snap b/tests/__snapshots__/Tags.test.tsx.snap
index a513bba32..882af92e4 100644
--- a/tests/__snapshots__/Tags.test.tsx.snap
+++ b/tests/__snapshots__/Tags.test.tsx.snap
@@ -78,7 +78,7 @@ exports[`Select.Tags OptGroup renders correctly 1`] = `
     <div>
       <div
         class="rc-select-dropdown"
-        style="opacity: 0; width: 0px;"
+        style="opacity: 0; min-width: 0; width: 0px;"
       >
         <div>
           <div