From 0fffe06bd9bbdee52123b02dae0937ff5659c7f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E7=88=B1=E5=90=83=E7=99=BD=E8=90=9D?=
 =?UTF-8?q?=E5=8D=9C?= <smith3816@gmail.com>
Date: Wed, 14 Dec 2022 17:16:13 +0800
Subject: [PATCH] chore: Select `virtual=false` will bind to real element for
 a11y (#39550)

* chore: bump rc-select

* docs: update doc

* test: Update snapshot

* test: Update snapshot
---
 .../__snapshots__/demo-extend.test.ts.snap    | 110 +++--
 .../__snapshots__/components.test.tsx.snap    |  23 +-
 .../__snapshots__/pagination.test.tsx.snap    |  32 +-
 .../__snapshots__/demo-extend.test.ts.snap    | 416 ++++++------------
 .../__snapshots__/demo-extend.test.ts.snap    |  30 +-
 components/select/index.en-US.md              |   2 +
 components/select/index.zh-CN.md              |   2 +
 .../__snapshots__/demo-extend.test.ts.snap    | 192 +++-----
 package.json                                  |   6 +-
 9 files changed, 287 insertions(+), 526 deletions(-)

diff --git a/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
index cff7441f97d2..8d312f123af2 100644
--- a/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3277,26 +3277,6 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-selected="false"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      2006
-                    </div>
-                    <div
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      2007
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -3308,11 +3288,15 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item ant-select-item-option-active"
+                            id="undefined_list_0"
+                            role="option"
                             title="2006"
                           >
                             <div
@@ -3330,6 +3314,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_1"
+                            role="option"
                             title="2007"
                           >
                             <div
@@ -3347,6 +3333,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_2"
+                            role="option"
                             title="2008"
                           >
                             <div
@@ -3364,6 +3352,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_3"
+                            role="option"
                             title="2009"
                           >
                             <div
@@ -3381,6 +3371,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_4"
+                            role="option"
                             title="2010"
                           >
                             <div
@@ -3398,6 +3390,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_5"
+                            role="option"
                             title="2011"
                           >
                             <div
@@ -3415,6 +3409,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_6"
+                            role="option"
                             title="2012"
                           >
                             <div
@@ -3432,6 +3428,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_7"
+                            role="option"
                             title="2013"
                           >
                             <div
@@ -3449,6 +3447,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_8"
+                            role="option"
                             title="2014"
                           >
                             <div
@@ -3466,6 +3466,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_9"
+                            role="option"
                             title="2015"
                           >
                             <div
@@ -3483,6 +3485,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option year-item ant-select-item-option-selected"
+                            id="undefined_list_10"
+                            role="option"
                             title="2016"
                           >
                             <div
@@ -3500,6 +3504,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_11"
+                            role="option"
                             title="2017"
                           >
                             <div
@@ -3517,6 +3523,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_12"
+                            role="option"
                             title="2018"
                           >
                             <div
@@ -3534,6 +3542,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_13"
+                            role="option"
                             title="2019"
                           >
                             <div
@@ -3551,6 +3561,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_14"
+                            role="option"
                             title="2020"
                           >
                             <div
@@ -3568,6 +3580,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_15"
+                            role="option"
                             title="2021"
                           >
                             <div
@@ -3585,6 +3599,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_16"
+                            role="option"
                             title="2022"
                           >
                             <div
@@ -3602,6 +3618,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_17"
+                            role="option"
                             title="2023"
                           >
                             <div
@@ -3619,6 +3637,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_18"
+                            role="option"
                             title="2024"
                           >
                             <div
@@ -3636,6 +3656,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option year-item"
+                            id="undefined_list_19"
+                            role="option"
                             title="2025"
                           >
                             <div
@@ -3727,28 +3749,6 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="Jan"
-                      aria-selected="false"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      0
-                    </div>
-                    <div
-                      aria-label="Feb"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      1
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -3760,11 +3760,15 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item ant-select-item-option-active"
+                            id="undefined_list_0"
+                            role="option"
                             title="Jan"
                           >
                             <div
@@ -3782,6 +3786,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_1"
+                            role="option"
                             title="Feb"
                           >
                             <div
@@ -3799,6 +3805,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_2"
+                            role="option"
                             title="Mar"
                           >
                             <div
@@ -3816,6 +3824,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_3"
+                            role="option"
                             title="Apr"
                           >
                             <div
@@ -3833,6 +3843,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_4"
+                            role="option"
                             title="May"
                           >
                             <div
@@ -3850,6 +3862,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_5"
+                            role="option"
                             title="Jun"
                           >
                             <div
@@ -3867,6 +3881,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_6"
+                            role="option"
                             title="Jul"
                           >
                             <div
@@ -3884,6 +3900,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_7"
+                            role="option"
                             title="Aug"
                           >
                             <div
@@ -3901,6 +3919,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_8"
+                            role="option"
                             title="Sep"
                           >
                             <div
@@ -3918,6 +3938,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_9"
+                            role="option"
                             title="Oct"
                           >
                             <div
@@ -3935,6 +3957,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option month-item ant-select-item-option-selected"
+                            id="undefined_list_10"
+                            role="option"
                             title="Nov"
                           >
                             <div
@@ -3952,6 +3976,8 @@ exports[`renders ./components/calendar/demo/customize-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option month-item"
+                            id="undefined_list_11"
+                            role="option"
                             title="Dec"
                           >
                             <div
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 78438a96bc86..69cb8d1a5287 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -24931,25 +24931,6 @@ exports[`ConfigProvider components Select configProvider virtual and dropdownMat
       style="opacity: 0; min-width: 0;"
     >
       <div>
-        <div
-          id="rc_select_TEST_OR_SSR_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
-        >
-          <div
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="Light"
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_1"
-            role="option"
-          >
-            Bamboo
-          </div>
-        </div>
         <div
           class="rc-virtual-list"
           style="position: relative;"
@@ -24961,6 +24942,8 @@ exports[`ConfigProvider components Select configProvider virtual and dropdownMat
             <div>
               <div
                 class="rc-virtual-list-holder-inner"
+                id="rc_select_TEST_OR_SSR_list"
+                role="listbox"
                 style="display: flex; flex-direction: column;"
               >
                 <div
@@ -24972,6 +24955,8 @@ exports[`ConfigProvider components Select configProvider virtual and dropdownMat
                 <div
                   aria-selected="false"
                   class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
+                  id="rc_select_TEST_OR_SSR_list_1"
+                  role="option"
                   title="Light"
                 >
                   <div
diff --git a/components/list/__tests__/__snapshots__/pagination.test.tsx.snap b/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
index 15562b1dace4..c22d084de994 100644
--- a/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
+++ b/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
@@ -396,28 +396,6 @@ exports[`List.pagination should change page size work 2`] = `
           style="min-width: 0; opacity: 0;"
         >
           <div>
-            <div
-              id="rc_select_TEST_OR_SSR_list"
-              role="listbox"
-              style="height: 0px; width: 0px; overflow: hidden;"
-            >
-              <div
-                aria-label="10 / page"
-                aria-selected="false"
-                id="rc_select_TEST_OR_SSR_list_0"
-                role="option"
-              >
-                10
-              </div>
-              <div
-                aria-label="20 / page"
-                aria-selected="false"
-                id="rc_select_TEST_OR_SSR_list_1"
-                role="option"
-              >
-                20
-              </div>
-            </div>
             <div
               class="rc-virtual-list"
               style="position: relative;"
@@ -429,11 +407,15 @@ exports[`List.pagination should change page size work 2`] = `
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
+                    id="rc_select_TEST_OR_SSR_list"
+                    role="listbox"
                     style="display: flex; flex-direction: column;"
                   >
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active"
+                      id="rc_select_TEST_OR_SSR_list_0"
+                      role="option"
                       title="10 / page"
                     >
                       <div
@@ -451,6 +433,8 @@ exports[`List.pagination should change page size work 2`] = `
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_1"
+                      role="option"
                       title="20 / page"
                     >
                       <div
@@ -468,6 +452,8 @@ exports[`List.pagination should change page size work 2`] = `
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-selected"
+                      id="rc_select_TEST_OR_SSR_list_2"
+                      role="option"
                       title="50 / page"
                     >
                       <div
@@ -485,6 +471,8 @@ exports[`List.pagination should change page size work 2`] = `
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="rc_select_TEST_OR_SSR_list_3"
+                      role="option"
                       title="100 / page"
                     >
                       <div
diff --git a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
index 05a8a8d2261f..84316140a9c6 100644
--- a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -221,28 +221,6 @@ exports[`renders ./components/pagination/demo/all.tsx extend context correctly 1
           style="opacity:0"
         >
           <div>
-            <div
-              id="undefined_list"
-              role="listbox"
-              style="height:0;width:0;overflow:hidden"
-            >
-              <div
-                aria-label="10 / page"
-                aria-selected="true"
-                id="undefined_list_0"
-                role="option"
-              >
-                10
-              </div>
-              <div
-                aria-label="20 / page"
-                aria-selected="false"
-                id="undefined_list_1"
-                role="option"
-              >
-                20
-              </div>
-            </div>
             <div
               class="rc-virtual-list"
               style="position:relative"
@@ -254,11 +232,15 @@ exports[`renders ./components/pagination/demo/all.tsx extend context correctly 1
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
+                    id="undefined_list"
+                    role="listbox"
                     style="display:flex;flex-direction:column"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                      id="undefined_list_0"
+                      role="option"
                       title="10 / page"
                     >
                       <div
@@ -276,6 +258,8 @@ exports[`renders ./components/pagination/demo/all.tsx extend context correctly 1
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_1"
+                      role="option"
                       title="20 / page"
                     >
                       <div
@@ -293,6 +277,8 @@ exports[`renders ./components/pagination/demo/all.tsx extend context correctly 1
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_2"
+                      role="option"
                       title="50 / page"
                     >
                       <div
@@ -310,6 +296,8 @@ exports[`renders ./components/pagination/demo/all.tsx extend context correctly 1
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_3"
+                      role="option"
                       title="100 / page"
                     >
                       <div
@@ -716,28 +704,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -749,11 +715,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -771,6 +741,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -788,6 +760,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -805,6 +779,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -1072,28 +1048,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -1105,11 +1059,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -1127,6 +1085,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -1144,6 +1104,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -1161,6 +1123,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -1513,28 +1477,6 @@ exports[`renders ./components/pagination/demo/itemRender.tsx extend context corr
           style="opacity:0"
         >
           <div>
-            <div
-              id="undefined_list"
-              role="listbox"
-              style="height:0;width:0;overflow:hidden"
-            >
-              <div
-                aria-label="10 / page"
-                aria-selected="true"
-                id="undefined_list_0"
-                role="option"
-              >
-                10
-              </div>
-              <div
-                aria-label="20 / page"
-                aria-selected="false"
-                id="undefined_list_1"
-                role="option"
-              >
-                20
-              </div>
-            </div>
             <div
               class="rc-virtual-list"
               style="position:relative"
@@ -1546,11 +1488,15 @@ exports[`renders ./components/pagination/demo/itemRender.tsx extend context corr
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
+                    id="undefined_list"
+                    role="listbox"
                     style="display:flex;flex-direction:column"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                      id="undefined_list_0"
+                      role="option"
                       title="10 / page"
                     >
                       <div
@@ -1568,6 +1514,8 @@ exports[`renders ./components/pagination/demo/itemRender.tsx extend context corr
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_1"
+                      role="option"
                       title="20 / page"
                     >
                       <div
@@ -1585,6 +1533,8 @@ exports[`renders ./components/pagination/demo/itemRender.tsx extend context corr
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_2"
+                      role="option"
                       title="50 / page"
                     >
                       <div
@@ -1602,6 +1552,8 @@ exports[`renders ./components/pagination/demo/itemRender.tsx extend context corr
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_3"
+                      role="option"
                       title="100 / page"
                     >
                       <div
@@ -1871,28 +1823,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -1904,11 +1834,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -1926,6 +1860,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -1943,6 +1879,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -1960,6 +1898,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -2238,28 +2178,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -2271,11 +2189,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -2293,6 +2215,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -2310,6 +2234,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -2327,6 +2253,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -2683,28 +2611,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -2716,11 +2622,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -2738,6 +2648,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -2755,6 +2667,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -2772,6 +2686,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -3133,28 +3049,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -3166,11 +3060,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -3188,6 +3086,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -3205,6 +3105,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -3222,6 +3124,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -3552,28 +3456,6 @@ exports[`renders ./components/pagination/demo/more.tsx extend context correctly
           style="opacity:0"
         >
           <div>
-            <div
-              id="undefined_list"
-              role="listbox"
-              style="height:0;width:0;overflow:hidden"
-            >
-              <div
-                aria-label="10 / page"
-                aria-selected="true"
-                id="undefined_list_0"
-                role="option"
-              >
-                10
-              </div>
-              <div
-                aria-label="20 / page"
-                aria-selected="false"
-                id="undefined_list_1"
-                role="option"
-              >
-                20
-              </div>
-            </div>
             <div
               class="rc-virtual-list"
               style="position:relative"
@@ -3585,11 +3467,15 @@ exports[`renders ./components/pagination/demo/more.tsx extend context correctly
                 <div>
                   <div
                     class="rc-virtual-list-holder-inner"
+                    id="undefined_list"
+                    role="listbox"
                     style="display:flex;flex-direction:column"
                   >
                     <div
                       aria-selected="true"
                       class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                      id="undefined_list_0"
+                      role="option"
                       title="10 / page"
                     >
                       <div
@@ -3607,6 +3493,8 @@ exports[`renders ./components/pagination/demo/more.tsx extend context correctly
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_1"
+                      role="option"
                       title="20 / page"
                     >
                       <div
@@ -3624,6 +3512,8 @@ exports[`renders ./components/pagination/demo/more.tsx extend context correctly
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_2"
+                      role="option"
                       title="50 / page"
                     >
                       <div
@@ -3641,6 +3531,8 @@ exports[`renders ./components/pagination/demo/more.tsx extend context correctly
                     <div
                       aria-selected="false"
                       class="ant-select-item ant-select-item-option"
+                      id="undefined_list_3"
+                      role="option"
                       title="100 / page"
                     >
                       <div
@@ -4041,28 +3933,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="false"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="true"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -4074,11 +3944,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -4096,6 +3970,8 @@ Array [
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-selected"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -4113,6 +3989,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -4130,6 +4008,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -4352,28 +4232,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="false"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="true"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -4385,11 +4243,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -4407,6 +4269,8 @@ Array [
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-selected"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -4424,6 +4288,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -4441,6 +4307,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -4711,28 +4579,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -4744,11 +4590,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -4766,6 +4616,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -4783,6 +4635,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -4800,6 +4654,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
@@ -5067,28 +4923,6 @@ Array [
             style="opacity:0"
           >
             <div>
-              <div
-                id="undefined_list"
-                role="listbox"
-                style="height:0;width:0;overflow:hidden"
-              >
-                <div
-                  aria-label="10 / page"
-                  aria-selected="true"
-                  id="undefined_list_0"
-                  role="option"
-                >
-                  10
-                </div>
-                <div
-                  aria-label="20 / page"
-                  aria-selected="false"
-                  id="undefined_list_1"
-                  role="option"
-                >
-                  20
-                </div>
-              </div>
               <div
                 class="rc-virtual-list"
                 style="position:relative"
@@ -5100,11 +4934,15 @@ Array [
                   <div>
                     <div
                       class="rc-virtual-list-holder-inner"
+                      id="undefined_list"
+                      role="listbox"
                       style="display:flex;flex-direction:column"
                     >
                       <div
                         aria-selected="true"
                         class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                        id="undefined_list_0"
+                        role="option"
                         title="10 / page"
                       >
                         <div
@@ -5122,6 +4960,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_1"
+                        role="option"
                         title="20 / page"
                       >
                         <div
@@ -5139,6 +4979,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_2"
+                        role="option"
                         title="50 / page"
                       >
                         <div
@@ -5156,6 +4998,8 @@ Array [
                       <div
                         aria-selected="false"
                         class="ant-select-item ant-select-item-option"
+                        id="undefined_list_3"
+                        role="option"
                         title="100 / page"
                       >
                         <div
diff --git a/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
index bb1eabf05aa8..9f947cead990 100644
--- a/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -4277,28 +4277,6 @@ Array [
         style="opacity:0"
       >
         <div>
-          <div
-            id="undefined_list"
-            role="listbox"
-            style="height:0;width:0;overflow:hidden"
-          >
-            <div
-              aria-label="HangZhou #310000"
-              aria-selected="true"
-              id="undefined_list_0"
-              role="option"
-            >
-              HangZhou
-            </div>
-            <div
-              aria-label="NingBo #315000"
-              aria-selected="false"
-              id="undefined_list_1"
-              role="option"
-            >
-              NingBo
-            </div>
-          </div>
           <div
             class="rc-virtual-list"
             style="position:relative"
@@ -4310,11 +4288,15 @@ Array [
               <div>
                 <div
                   class="rc-virtual-list-holder-inner"
+                  id="undefined_list"
+                  role="listbox"
                   style="display:flex;flex-direction:column"
                 >
                   <div
                     aria-selected="true"
                     class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                    id="undefined_list_0"
+                    role="option"
                     title="HangZhou #310000"
                   >
                     <div
@@ -4332,6 +4314,8 @@ Array [
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
+                    id="undefined_list_1"
+                    role="option"
                     title="NingBo #315000"
                   >
                     <div
@@ -4349,6 +4333,8 @@ Array [
                   <div
                     aria-selected="false"
                     class="ant-select-item ant-select-item-option"
+                    id="undefined_list_2"
+                    role="option"
                     title="WenZhou #325000"
                   >
                     <div
diff --git a/components/select/index.en-US.md b/components/select/index.en-US.md
index 63fa734dc786..98ceff222a49 100644
--- a/components/select/index.en-US.md
+++ b/components/select/index.en-US.md
@@ -177,3 +177,5 @@ Note: `listItemHeight` and `listHeight` are internal props. Please only modify w
 ### Why a11y test report missing `aria-` props?
 
 Select only create a11y auxiliary node when operating on. Please open Select and retry. For `aria-label` & `aria-labelledby` miss warning, please add related prop to Select with your own requirement.
+
+Default virtual scrolling will create a mock element to simulate an accessible binding. If a screen reader needs to fully access the entire list, you can set `virtual={false}` to disable virtual scrolling and the accessibility option will be bound to the actual element.
diff --git a/components/select/index.zh-CN.md b/components/select/index.zh-CN.md
index ae7e3155eff2..be818d58598c 100644
--- a/components/select/index.zh-CN.md
+++ b/components/select/index.zh-CN.md
@@ -178,3 +178,5 @@ Select 当失去焦点时会关闭下拉框，如果你可以通过阻止默认
 ### 为何无障碍测试会报缺失 `aria-` 属性？
 
 Select 无障碍辅助元素仅在弹窗展开时创建，因而当你在进行无障碍检测时请先打开下拉后再进行测试。对于 `aria-label` 与 `aria-labelledby` 属性缺失警告，请自行为 Select 组件添加相应无障碍属性。
+
+Select 虚拟滚动会模拟无障碍绑定元素。如果需要读屏器完整获取全部列表，你可以设置 `virtual={false}` 关闭虚拟滚动，无障碍选项将会绑定到真实元素上。
diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index ca17e1a3ccf9..07ad5e72d58e 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -5676,28 +5676,6 @@ exports[`renders ./components/table/demo/edit-row.tsx extend context correctly 1
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="10 / page"
-                      aria-selected="true"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      10
-                    </div>
-                    <div
-                      aria-label="20 / page"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      20
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -5709,11 +5687,15 @@ exports[`renders ./components/table/demo/edit-row.tsx extend context correctly 1
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                            id="undefined_list_0"
+                            role="option"
                             title="10 / page"
                           >
                             <div
@@ -5731,6 +5713,8 @@ exports[`renders ./components/table/demo/edit-row.tsx extend context correctly 1
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_1"
+                            role="option"
                             title="20 / page"
                           >
                             <div
@@ -5748,6 +5732,8 @@ exports[`renders ./components/table/demo/edit-row.tsx extend context correctly 1
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_2"
+                            role="option"
                             title="50 / page"
                           >
                             <div
@@ -5765,6 +5751,8 @@ exports[`renders ./components/table/demo/edit-row.tsx extend context correctly 1
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_3"
+                            role="option"
                             title="100 / page"
                           >
                             <div
@@ -10321,28 +10309,6 @@ exports[`renders ./components/table/demo/fixed-columns-header.tsx extend context
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="10 / page"
-                      aria-selected="true"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      10
-                    </div>
-                    <div
-                      aria-label="20 / page"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      20
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -10354,11 +10320,15 @@ exports[`renders ./components/table/demo/fixed-columns-header.tsx extend context
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                            id="undefined_list_0"
+                            role="option"
                             title="10 / page"
                           >
                             <div
@@ -10376,6 +10346,8 @@ exports[`renders ./components/table/demo/fixed-columns-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_1"
+                            role="option"
                             title="20 / page"
                           >
                             <div
@@ -10393,6 +10365,8 @@ exports[`renders ./components/table/demo/fixed-columns-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_2"
+                            role="option"
                             title="50 / page"
                           >
                             <div
@@ -10410,6 +10384,8 @@ exports[`renders ./components/table/demo/fixed-columns-header.tsx extend context
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_3"
+                            role="option"
                             title="100 / page"
                           >
                             <div
@@ -11698,28 +11674,6 @@ exports[`renders ./components/table/demo/fixed-header.tsx extend context correct
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="10 / page"
-                      aria-selected="false"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      10
-                    </div>
-                    <div
-                      aria-label="20 / page"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      20
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -11731,11 +11685,15 @@ exports[`renders ./components/table/demo/fixed-header.tsx extend context correct
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option ant-select-item-option-active"
+                            id="undefined_list_0"
+                            role="option"
                             title="10 / page"
                           >
                             <div
@@ -11753,6 +11711,8 @@ exports[`renders ./components/table/demo/fixed-header.tsx extend context correct
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_1"
+                            role="option"
                             title="20 / page"
                           >
                             <div
@@ -11770,6 +11730,8 @@ exports[`renders ./components/table/demo/fixed-header.tsx extend context correct
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option ant-select-item-option-selected"
+                            id="undefined_list_2"
+                            role="option"
                             title="50 / page"
                           >
                             <div
@@ -11787,6 +11749,8 @@ exports[`renders ./components/table/demo/fixed-header.tsx extend context correct
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_3"
+                            role="option"
                             title="100 / page"
                           >
                             <div
@@ -13047,28 +13011,6 @@ exports[`renders ./components/table/demo/grouping-columns.tsx extend context cor
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="10 / page"
-                      aria-selected="true"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      10
-                    </div>
-                    <div
-                      aria-label="20 / page"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      20
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -13080,11 +13022,15 @@ exports[`renders ./components/table/demo/grouping-columns.tsx extend context cor
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                            id="undefined_list_0"
+                            role="option"
                             title="10 / page"
                           >
                             <div
@@ -13102,6 +13048,8 @@ exports[`renders ./components/table/demo/grouping-columns.tsx extend context cor
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_1"
+                            role="option"
                             title="20 / page"
                           >
                             <div
@@ -13119,6 +13067,8 @@ exports[`renders ./components/table/demo/grouping-columns.tsx extend context cor
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_2"
+                            role="option"
                             title="50 / page"
                           >
                             <div
@@ -13136,6 +13086,8 @@ exports[`renders ./components/table/demo/grouping-columns.tsx extend context cor
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_3"
+                            role="option"
                             title="100 / page"
                           >
                             <div
@@ -15537,28 +15489,6 @@ exports[`renders ./components/table/demo/narrow.tsx extend context correctly 1`]
                   style="opacity:0"
                 >
                   <div>
-                    <div
-                      id="undefined_list"
-                      role="listbox"
-                      style="height:0;width:0;overflow:hidden"
-                    >
-                      <div
-                        aria-label="10 / page"
-                        aria-selected="true"
-                        id="undefined_list_0"
-                        role="option"
-                      >
-                        10
-                      </div>
-                      <div
-                        aria-label="20 / page"
-                        aria-selected="false"
-                        id="undefined_list_1"
-                        role="option"
-                      >
-                        20
-                      </div>
-                    </div>
                     <div
                       class="rc-virtual-list"
                       style="position:relative"
@@ -15570,11 +15500,15 @@ exports[`renders ./components/table/demo/narrow.tsx extend context correctly 1`]
                         <div>
                           <div
                             class="rc-virtual-list-holder-inner"
+                            id="undefined_list"
+                            role="listbox"
                             style="display:flex;flex-direction:column"
                           >
                             <div
                               aria-selected="true"
                               class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                              id="undefined_list_0"
+                              role="option"
                               title="10 / page"
                             >
                               <div
@@ -15592,6 +15526,8 @@ exports[`renders ./components/table/demo/narrow.tsx extend context correctly 1`]
                             <div
                               aria-selected="false"
                               class="ant-select-item ant-select-item-option"
+                              id="undefined_list_1"
+                              role="option"
                               title="20 / page"
                             >
                               <div
@@ -15609,6 +15545,8 @@ exports[`renders ./components/table/demo/narrow.tsx extend context correctly 1`]
                             <div
                               aria-selected="false"
                               class="ant-select-item ant-select-item-option"
+                              id="undefined_list_2"
+                              role="option"
                               title="50 / page"
                             >
                               <div
@@ -15626,6 +15564,8 @@ exports[`renders ./components/table/demo/narrow.tsx extend context correctly 1`]
                             <div
                               aria-selected="false"
                               class="ant-select-item ant-select-item-option"
+                              id="undefined_list_3"
+                              role="option"
                               title="100 / page"
                             >
                               <div
@@ -25509,28 +25449,6 @@ exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`]
                 style="opacity:0"
               >
                 <div>
-                  <div
-                    id="undefined_list"
-                    role="listbox"
-                    style="height:0;width:0;overflow:hidden"
-                  >
-                    <div
-                      aria-label="10 / page"
-                      aria-selected="true"
-                      id="undefined_list_0"
-                      role="option"
-                    >
-                      10
-                    </div>
-                    <div
-                      aria-label="20 / page"
-                      aria-selected="false"
-                      id="undefined_list_1"
-                      role="option"
-                    >
-                      20
-                    </div>
-                  </div>
                   <div
                     class="rc-virtual-list"
                     style="position:relative"
@@ -25542,11 +25460,15 @@ exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`]
                       <div>
                         <div
                           class="rc-virtual-list-holder-inner"
+                          id="undefined_list"
+                          role="listbox"
                           style="display:flex;flex-direction:column"
                         >
                           <div
                             aria-selected="true"
                             class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
+                            id="undefined_list_0"
+                            role="option"
                             title="10 / page"
                           >
                             <div
@@ -25564,6 +25486,8 @@ exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`]
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_1"
+                            role="option"
                             title="20 / page"
                           >
                             <div
@@ -25581,6 +25505,8 @@ exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`]
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_2"
+                            role="option"
                             title="50 / page"
                           >
                             <div
@@ -25598,6 +25524,8 @@ exports[`renders ./components/table/demo/sticky.tsx extend context correctly 1`]
                           <div
                             aria-selected="false"
                             class="ant-select-item ant-select-item-option"
+                            id="undefined_list_3"
+                            role="option"
                             title="100 / page"
                           >
                             <div
diff --git a/package.json b/package.json
index a2beee757f31..1be3a9cb9c15 100644
--- a/package.json
+++ b/package.json
@@ -120,7 +120,7 @@
     "copy-to-clipboard": "^3.2.0",
     "dayjs": "^1.11.1",
     "lodash": "^4.17.21",
-    "rc-cascader": "~3.7.0",
+    "rc-cascader": "~3.8.0",
     "rc-checkbox": "~2.3.0",
     "rc-collapse": "~3.4.2",
     "rc-dialog": "~9.0.2",
@@ -140,7 +140,7 @@
     "rc-rate": "~2.9.0",
     "rc-resize-observer": "^1.2.0",
     "rc-segmented": "~2.1.0",
-    "rc-select": "~14.1.13",
+    "rc-select": "~14.2.0",
     "rc-slider": "~10.0.0",
     "rc-steps": "~6.0.0-alpha.2",
     "rc-switch": "~4.0.0",
@@ -149,7 +149,7 @@
     "rc-textarea": "~0.4.5",
     "rc-tooltip": "~5.2.0",
     "rc-tree": "~5.7.0",
-    "rc-tree-select": "~5.5.4",
+    "rc-tree-select": "~5.6.0",
     "rc-trigger": "^5.2.10",
     "rc-upload": "~4.3.0",
     "rc-util": "^5.25.2",