fix: ie scrollerbar trigger blur event #999

components/auto-complete/__tests__/__snapshots__/demo.test.js.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
-<div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
+<div tabindex="-1" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input here</div>
@@ -17,7 +17,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
 
 exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
 <div class="certain-category-search-wrapper" style="width: 250px;">
- <div class="certain-category-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
+ <div tabindex="-1" class="certain-category-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input here</div>
@@ -33,7 +33,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
 `;
 
 exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
-<div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
+<div tabindex="-1" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <ul>
@@ -47,7 +47,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
 `;
 
 exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
-<div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
+<div tabindex="-1" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input here</div>
@@ -62,7 +62,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
 `;
 
 exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
-<div class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
+<div tabindex="-1" class="ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width: 200px;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input here</div>
@@ -78,7 +78,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
 
 exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
 <div class="global-search-wrapper" style="width: 300px;">
- <div class="global-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
+ <div tabindex="-1" class="global-search ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width: 100%;">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input here</div>

components/calendar/__tests__/__snapshots__/demo.test.js.snap

@@ -3,14 +3,14 @@
 exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
 <div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
@@ -309,14 +309,14 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
 <div style="width: 300px; border: 1px solid #d9d9d9; border-radius: 4px;">
  <div class="">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
@@ -615,14 +615,14 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
 exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
 <div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
@@ -1028,14 +1028,14 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
  <div style="display: inline-block; width: 500px; border: 1px solid #d9d9d9; border-radius: 4px;">
  <div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>
@@ -1332,14 +1332,14 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
  <div style="display: inline-block; width: 500px; margin-left: 20px; border: 1px solid #d9d9d9; border-radius: 4px;">
  <div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2017" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2017</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Jan" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Jan</div>

components/calendar/__tests__/__snapshots__/index.test.js.snap

@@ -3,14 +3,14 @@
 exports[`Calendar Calendar should support locale 1`] = `
 <div class=" ant-fullcalendar-fullscreen">
  <div class="ant-fullcalendar-header">
- <div class="ant-select ant-select-enabled ant-fullcalendar-year-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-year-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="2018年" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2018年</div>
  </div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
  </div>
  </div>
- <div class="ant-select ant-select-enabled ant-fullcalendar-month-select">
+ <div tabindex="-1" class="ant-select ant-select-enabled ant-fullcalendar-month-select">
  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
  <div class="ant-select-selection__rendered">
  <div title="Oct" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Oct</div>

components/date-picker/__tests__/WeekPicker.test.js

@@ -5,7 +5,7 @@ import focusTest from '../../../tests/shared/focusTest';
 
 const { WeekPicker } = DatePicker;
 
-describe('WeekPicker', async () => {
+describe('WeekPicker', () => {
  focusTest(WeekPicker);
 
  it('should support style prop', async () => {

components/date-picker/__tests__/showTime.test.js

@@ -137,7 +137,7 @@ describe('DatePicker with showTime', () => {
  });
 });
 
-describe('RangePicker with showTime', async () => {
+describe('RangePicker with showTime', () => {
  it('should trigger onChange when select value', async () => {
  const onChangeFn = jest.fn();
  const onOpenChangeFn = jest.fn();