From 8fb97df92c789ba48500a14ef5fc1b369e28b8db Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 25 May 2023 19:26:47 +0800
Subject: [PATCH] feat: Pagination size change select component is searchable
 (#42608)

* feat: Paginaition size change select enable search

close https://github.com/ant-design/ant-design/issues/27684

* test: update snapshot

* test: update snapshot
---
 .../__snapshots__/components.test.tsx.snap    |  70 +---
 .../__snapshots__/pagination.test.tsx.snap    |  23 +-
 .../__snapshots__/index.test.tsx.snap         | 345 ++++--------------
 components/pagination/Select.tsx              |   4 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  65 +---
 .../__tests__/__snapshots__/demo.test.ts.snap |  65 +---
 .../__snapshots__/index.test.tsx.snap         |   5 +-
 .../__snapshots__/demo-extend.test.ts.snap    |  30 +-
 .../__tests__/__snapshots__/demo.test.ts.snap |  30 +-
 9 files changed, 131 insertions(+), 506 deletions(-)

diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index e57fe8327e..e4de3939da 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -18988,7 +18988,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19007,11 +19007,8 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19134,7 +19131,7 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19153,11 +19150,8 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19285,7 +19279,7 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
     >
       <div
         aria-label="Page Size"
-        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
+        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19305,11 +19299,8 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
               class="config-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19432,7 +19423,7 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19452,11 +19443,8 @@ exports[`ConfigProvider components Pagination configProvider componentDisabled 1
               class="config-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19584,7 +19572,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
     >
       <div
         aria-label="Page Size"
-        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19603,11 +19591,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19730,7 +19715,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19749,11 +19734,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize large
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -19881,7 +19863,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
     >
       <div
         aria-label="Page Size"
-        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -19900,11 +19882,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20027,7 +20006,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -20046,11 +20025,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize middl
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20178,7 +20154,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -20197,11 +20173,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20324,7 +20297,7 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
     >
       <div
         aria-label="Page Size"
-        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-show-search"
       >
         <div
           class="config-select-selector"
@@ -20343,11 +20316,8 @@ exports[`ConfigProvider components Pagination configProvider componentSize small
               autocomplete="off"
               class="config-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20475,7 +20445,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -20494,11 +20464,8 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20621,7 +20588,7 @@ exports[`ConfigProvider components Pagination normal 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -20640,11 +20607,8 @@ exports[`ConfigProvider components Pagination normal 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20772,7 +20736,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -20791,11 +20755,8 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -20918,7 +20879,7 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-select-sm prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -20937,11 +20898,8 @@ exports[`ConfigProvider components Pagination prefixCls 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/list/__tests__/__snapshots__/pagination.test.tsx.snap b/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
index 5a8834458f..7b3705a2db 100644
--- a/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
+++ b/components/list/__tests__/__snapshots__/pagination.test.tsx.snap
@@ -300,7 +300,7 @@ exports[`List.pagination should change page size work 1`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -319,11 +319,8 @@ exports[`List.pagination should change page size work 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -449,7 +446,7 @@ exports[`List.pagination should change page size work 2`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-open"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-open ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -468,11 +465,8 @@ exports[`List.pagination should change page size work 2`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -592,13 +586,13 @@ exports[`List.pagination should change page size work 2`] = `
         unselectable="on"
       >
         <span
-          aria-label="down"
-          class="anticon anticon-down ant-select-suffix"
+          aria-label="search"
+          class="anticon anticon-search ant-select-suffix"
           role="img"
         >
           <svg
             aria-hidden="true"
-            data-icon="down"
+            data-icon="search"
             fill="currentColor"
             focusable="false"
             height="1em"
@@ -606,7 +600,7 @@ exports[`List.pagination should change page size work 2`] = `
             width="1em"
           >
             <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"
+              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
             />
           </svg>
         </span>
@@ -711,7 +705,7 @@ exports[`List.pagination should default work 1`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -730,11 +724,8 @@ exports[`List.pagination should default work 1`] = `
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/locale/__tests__/__snapshots__/index.test.tsx.snap b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
index 3043367cce..3ec50b3f18 100644
--- a/components/locale/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/locale/__tests__/__snapshots__/index.test.tsx.snap
@@ -2001,7 +2001,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
     >
       <div
         aria-label="مقاس الصفحه"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -2020,11 +2020,8 @@ exports[`Locale Provider should display the text as ar 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -7114,7 +7111,7 @@ exports[`Locale Provider should display the text as az 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -7133,11 +7130,8 @@ exports[`Locale Provider should display the text as az 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -12227,7 +12221,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -12246,11 +12240,8 @@ exports[`Locale Provider should display the text as bg 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -17340,7 +17331,7 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
     >
       <div
         aria-label="পাতার আকার"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -17359,11 +17350,8 @@ exports[`Locale Provider should display the text as bn-bd 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -22453,7 +22441,7 @@ exports[`Locale Provider should display the text as by 1`] = `
     >
       <div
         aria-label="памер старонкі"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -22472,11 +22460,8 @@ exports[`Locale Provider should display the text as by 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -27566,7 +27551,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
     >
       <div
         aria-label="mida de la pàgina"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -27585,11 +27570,8 @@ exports[`Locale Provider should display the text as ca 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -32679,7 +32661,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
     >
       <div
         aria-label="velikost stránky"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -32698,11 +32680,8 @@ exports[`Locale Provider should display the text as cs 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -37792,7 +37771,7 @@ exports[`Locale Provider should display the text as da 1`] = `
     >
       <div
         aria-label="sidestørrelse"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -37811,11 +37790,8 @@ exports[`Locale Provider should display the text as da 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -42905,7 +42881,7 @@ exports[`Locale Provider should display the text as de 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -42924,11 +42900,8 @@ exports[`Locale Provider should display the text as de 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -48018,7 +47991,7 @@ exports[`Locale Provider should display the text as el 1`] = `
     >
       <div
         aria-label="Μέγεθος σελίδας"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -48037,11 +48010,8 @@ exports[`Locale Provider should display the text as el 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -53131,7 +53101,7 @@ exports[`Locale Provider should display the text as en 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -53150,11 +53120,8 @@ exports[`Locale Provider should display the text as en 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -58244,7 +58211,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -58263,11 +58230,8 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -63357,7 +63321,7 @@ exports[`Locale Provider should display the text as es 1`] = `
     >
       <div
         aria-label="tamaño de página"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -63376,11 +63340,8 @@ exports[`Locale Provider should display the text as es 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -68470,7 +68431,7 @@ exports[`Locale Provider should display the text as et 1`] = `
     >
       <div
         aria-label="lehe suurus"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -68489,11 +68450,8 @@ exports[`Locale Provider should display the text as et 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -73583,7 +73541,7 @@ exports[`Locale Provider should display the text as eu 1`] = `
     >
       <div
         aria-label="orrien tamaina"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -73602,11 +73560,8 @@ exports[`Locale Provider should display the text as eu 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -78696,7 +78651,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
     >
       <div
         aria-label="اندازه صفحه"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -78715,11 +78670,8 @@ exports[`Locale Provider should display the text as fa 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -83809,7 +83761,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -83828,11 +83780,8 @@ exports[`Locale Provider should display the text as fi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -88922,7 +88871,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -88941,11 +88890,8 @@ exports[`Locale Provider should display the text as fr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -94035,7 +93981,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
     >
       <div
         aria-label="taille de la page"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -94054,11 +94000,8 @@ exports[`Locale Provider should display the text as fr 2`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -99148,7 +99091,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
     >
       <div
         aria-label="taille de la page"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -99167,11 +99110,8 @@ exports[`Locale Provider should display the text as fr 3`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -104261,7 +104201,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -104280,11 +104220,8 @@ exports[`Locale Provider should display the text as ga 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -109374,7 +109311,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -109393,11 +109330,8 @@ exports[`Locale Provider should display the text as gl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -114487,7 +114421,7 @@ exports[`Locale Provider should display the text as he 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -114506,11 +114440,8 @@ exports[`Locale Provider should display the text as he 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -119600,7 +119531,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -119619,11 +119550,8 @@ exports[`Locale Provider should display the text as hi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -124713,7 +124641,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -124732,11 +124660,8 @@ exports[`Locale Provider should display the text as hr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -129826,7 +129751,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -129845,11 +129770,8 @@ exports[`Locale Provider should display the text as hu 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -134939,7 +134861,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -134958,11 +134880,8 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -140052,7 +139971,7 @@ exports[`Locale Provider should display the text as id 1`] = `
     >
       <div
         aria-label="ukuran halaman"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -140071,11 +139990,8 @@ exports[`Locale Provider should display the text as id 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -145165,7 +145081,7 @@ exports[`Locale Provider should display the text as is 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -145184,11 +145100,8 @@ exports[`Locale Provider should display the text as is 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -150278,7 +150191,7 @@ exports[`Locale Provider should display the text as it 1`] = `
     >
       <div
         aria-label="dimensioni della pagina"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -150297,11 +150210,8 @@ exports[`Locale Provider should display the text as it 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -155391,7 +155301,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
     >
       <div
         aria-label="ページサイズ"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -155410,11 +155320,8 @@ exports[`Locale Provider should display the text as ja 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -160504,7 +160411,7 @@ exports[`Locale Provider should display the text as ka 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -160523,11 +160430,8 @@ exports[`Locale Provider should display the text as ka 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -165617,7 +165521,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -165636,11 +165540,8 @@ exports[`Locale Provider should display the text as kk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -170730,7 +170631,7 @@ exports[`Locale Provider should display the text as km 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -170749,11 +170650,8 @@ exports[`Locale Provider should display the text as km 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -175841,7 +175739,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -175860,11 +175758,8 @@ exports[`Locale Provider should display the text as kn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -180954,7 +180849,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
     >
       <div
         aria-label="페이지 크기"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -180973,11 +180868,8 @@ exports[`Locale Provider should display the text as ko 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -186067,7 +185959,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -186086,11 +185978,8 @@ exports[`Locale Provider should display the text as ku 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -191180,7 +191069,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -191199,11 +191088,8 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -196293,7 +196179,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -196312,11 +196198,8 @@ exports[`Locale Provider should display the text as lt 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -201406,7 +201289,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -201425,11 +201308,8 @@ exports[`Locale Provider should display the text as lv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -206519,7 +206399,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -206538,11 +206418,8 @@ exports[`Locale Provider should display the text as mk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -211632,7 +211509,7 @@ exports[`Locale Provider should display the text as ml 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -211651,11 +211528,8 @@ exports[`Locale Provider should display the text as ml 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -216745,7 +216619,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -216764,11 +216638,8 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -221858,7 +221729,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -221877,11 +221748,8 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -226971,7 +226839,7 @@ exports[`Locale Provider should display the text as my 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -226990,11 +226858,8 @@ exports[`Locale Provider should display the text as my 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -232084,7 +231949,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
     >
       <div
         aria-label="sidestørrelse"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -232103,11 +231968,8 @@ exports[`Locale Provider should display the text as nb 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -237197,7 +237059,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -237216,11 +237078,8 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -242310,7 +242169,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
     >
       <div
         aria-label="pagina grootte"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -242329,11 +242188,8 @@ exports[`Locale Provider should display the text as nl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -247423,7 +247279,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -247442,11 +247298,8 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -252536,7 +252389,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
     >
       <div
         aria-label="rozmiar strony"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -252555,11 +252408,8 @@ exports[`Locale Provider should display the text as pl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -257649,7 +257499,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
     >
       <div
         aria-label="mărimea paginii"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -257668,11 +257518,8 @@ exports[`Locale Provider should display the text as pt 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -262762,7 +262609,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
     >
       <div
         aria-label="tamanho da página"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -262781,11 +262628,8 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -267875,7 +267719,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -267894,11 +267738,8 @@ exports[`Locale Provider should display the text as ro 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -272988,7 +272829,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
     >
       <div
         aria-label="размер страницы"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -273007,11 +272848,8 @@ exports[`Locale Provider should display the text as ru 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -278101,7 +277939,7 @@ exports[`Locale Provider should display the text as si 1`] = `
     >
       <div
         aria-label="පිටුවේ ප්‍රමාණය"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -278120,11 +277958,8 @@ exports[`Locale Provider should display the text as si 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -283214,7 +283049,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -283233,11 +283068,8 @@ exports[`Locale Provider should display the text as sk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -288327,7 +288159,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -288346,11 +288178,8 @@ exports[`Locale Provider should display the text as sl 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -293440,7 +293269,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -293459,11 +293288,8 @@ exports[`Locale Provider should display the text as sr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -298553,7 +298379,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
     >
       <div
         aria-label="sidstorlek"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -298572,11 +298398,8 @@ exports[`Locale Provider should display the text as sv 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -303666,7 +303489,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -303685,11 +303508,8 @@ exports[`Locale Provider should display the text as ta 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -308779,7 +308599,7 @@ exports[`Locale Provider should display the text as th 1`] = `
     >
       <div
         aria-label="ขนาดหน้า"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -308798,11 +308618,8 @@ exports[`Locale Provider should display the text as th 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -313892,7 +313709,7 @@ exports[`Locale Provider should display the text as tk 1`] = `
     >
       <div
         aria-label="Sahypa sany"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -313911,11 +313728,8 @@ exports[`Locale Provider should display the text as tk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -319005,7 +318819,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
     >
       <div
         aria-label="sayfa boyutu"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -319024,11 +318838,8 @@ exports[`Locale Provider should display the text as tr 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -324118,7 +323929,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -324137,11 +323948,8 @@ exports[`Locale Provider should display the text as uk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -329231,7 +329039,7 @@ exports[`Locale Provider should display the text as ur 1`] = `
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -329250,11 +329058,8 @@ exports[`Locale Provider should display the text as ur 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -334344,7 +334149,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
     >
       <div
         aria-label="kích thước trang"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -334363,11 +334168,8 @@ exports[`Locale Provider should display the text as vi 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -339457,7 +339259,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
     >
       <div
         aria-label="页码"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -339476,11 +339278,8 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -344570,7 +344369,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
     >
       <div
         aria-label="頁碼"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -344589,11 +344388,8 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -349683,7 +349479,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
     >
       <div
         aria-label="頁碼"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -349702,11 +349498,8 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/pagination/Select.tsx b/components/pagination/Select.tsx
index b0cec749a2..49fc5c8342 100644
--- a/components/pagination/Select.tsx
+++ b/components/pagination/Select.tsx
@@ -6,8 +6,8 @@ type CompoundedComponent = React.FC<SelectProps> & {
   Option: typeof Select.Option;
 };
 
-const MiniSelect: CompoundedComponent = (props) => <Select {...props} size="small" />;
-const MiddleSelect: CompoundedComponent = (props) => <Select {...props} size="middle" />;
+const MiniSelect: CompoundedComponent = (props) => <Select {...props} showSearch size="small" />;
+const MiddleSelect: CompoundedComponent = (props) => <Select {...props} showSearch size="middle" />;
 
 MiniSelect.Option = Select.Option;
 MiddleSelect.Option = Select.Option;
diff --git a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8672c18ed4..a8e577bd1f 100644
--- a/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -182,7 +182,7 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -201,11 +201,8 @@ exports[`renders components/pagination/demo/all.tsx extend context correctly 1`]
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -664,7 +661,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -683,11 +680,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -1006,7 +1000,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -1026,11 +1020,8 @@ Array [
               class="ant-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -1435,7 +1426,7 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -1454,11 +1445,8 @@ exports[`renders components/pagination/demo/itemRender.tsx extend context correc
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -1780,7 +1768,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -1799,11 +1787,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -2133,7 +2118,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -2153,11 +2138,8 @@ Array [
               class="ant-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -2566,7 +2548,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -2585,11 +2567,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -3002,7 +2981,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -3022,11 +3001,8 @@ Array [
               class="ant-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -3409,7 +3385,7 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -3428,11 +3404,8 @@ exports[`renders components/pagination/demo/more.tsx extend context correctly 1`
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -3885,7 +3858,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -3904,11 +3877,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -4183,7 +4153,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -4202,11 +4172,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -4529,7 +4496,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -4548,11 +4515,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -4871,7 +4835,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -4891,11 +4855,8 @@ Array [
               class="ant-select-selection-search-input"
               disabled=""
               id="rc_select_TEST_OR_SSR"
-              readonly=""
               role="combobox"
-              style="opacity: 0;"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
index 658b878889..641725b3a7 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.ts.snap
@@ -182,7 +182,7 @@ exports[`renders components/pagination/demo/all.tsx correctly 1`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -200,11 +200,8 @@ exports[`renders components/pagination/demo/all.tsx correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
-            readonly=""
             role="combobox"
-            style="opacity:0"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -561,7 +558,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -579,11 +576,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -800,7 +794,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -819,11 +813,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               disabled=""
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -1126,7 +1117,7 @@ exports[`renders components/pagination/demo/itemRender.tsx correctly 1`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -1144,11 +1135,8 @@ exports[`renders components/pagination/demo/itemRender.tsx correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
-            readonly=""
             role="combobox"
-            style="opacity:0"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -1368,7 +1356,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -1386,11 +1374,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -1618,7 +1603,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -1637,11 +1622,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               disabled=""
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -1948,7 +1930,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -1966,11 +1948,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -2281,7 +2260,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -2300,11 +2279,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               disabled=""
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -2585,7 +2561,7 @@ exports[`renders components/pagination/demo/more.tsx correctly 1`] = `
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -2603,11 +2579,8 @@ exports[`renders components/pagination/demo/more.tsx correctly 1`] = `
             aria-owns="undefined_list"
             autocomplete="off"
             class="ant-select-selection-search-input"
-            readonly=""
             role="combobox"
-            style="opacity:0"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
@@ -2958,7 +2931,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -2976,11 +2949,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -3153,7 +3123,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -3171,11 +3141,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -3396,7 +3363,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -3414,11 +3381,8 @@ Array [
               aria-owns="undefined_list"
               autocomplete="off"
               class="ant-select-selection-search-input"
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
@@ -3635,7 +3599,7 @@ Array [
     >
       <div
         aria-label="Page Size"
-        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled"
+        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-disabled ant-select-show-search"
       >
         <div
           class="ant-select-selector"
@@ -3654,11 +3618,8 @@ Array [
               autocomplete="off"
               class="ant-select-selection-search-input"
               disabled=""
-              readonly=""
               role="combobox"
-              style="opacity:0"
               type="search"
-              unselectable="on"
               value=""
             />
           </span>
diff --git a/components/pagination/__tests__/__snapshots__/index.test.tsx.snap b/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
index ab209e897f..df558c2d9c 100644
--- a/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/pagination/__tests__/__snapshots__/index.test.tsx.snap
@@ -254,7 +254,7 @@ exports[`Pagination ConfigProvider should be rendered correctly when componentSi
   >
     <div
       aria-label="Page Size"
-      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+      class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
     >
       <div
         class="ant-select-selector"
@@ -273,11 +273,8 @@ exports[`Pagination ConfigProvider should be rendered correctly when componentSi
             autocomplete="off"
             class="ant-select-selection-search-input"
             id="rc_select_TEST_OR_SSR"
-            readonly=""
             role="combobox"
-            style="opacity: 0;"
             type="search"
-            unselectable="on"
             value=""
           />
         </span>
diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index 29bc1af82f..5b055df0d3 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -5591,7 +5591,7 @@ exports[`renders components/table/demo/edit-row.tsx extend context correctly 1`]
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -5610,11 +5610,8 @@ exports[`renders components/table/demo/edit-row.tsx extend context correctly 1`]
                   autocomplete="off"
                   class="ant-select-selection-search-input"
                   id="rc_select_TEST_OR_SSR"
-                  readonly=""
                   role="combobox"
-                  style="opacity: 0;"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -10231,7 +10228,7 @@ exports[`renders components/table/demo/fixed-columns-header.tsx extend context c
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -10250,11 +10247,8 @@ exports[`renders components/table/demo/fixed-columns-header.tsx extend context c
                   autocomplete="off"
                   class="ant-select-selection-search-input"
                   id="rc_select_TEST_OR_SSR"
-                  readonly=""
                   role="combobox"
-                  style="opacity: 0;"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -11598,7 +11592,7 @@ exports[`renders components/table/demo/fixed-header.tsx extend context correctly
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -11617,11 +11611,8 @@ exports[`renders components/table/demo/fixed-header.tsx extend context correctly
                   autocomplete="off"
                   class="ant-select-selection-search-input"
                   id="rc_select_TEST_OR_SSR"
-                  readonly=""
                   role="combobox"
-                  style="opacity: 0;"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -12922,7 +12913,7 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -12941,11 +12932,8 @@ exports[`renders components/table/demo/grouping-columns.tsx extend context corre
                   autocomplete="off"
                   class="ant-select-selection-search-input"
                   id="rc_select_TEST_OR_SSR"
-                  readonly=""
                   role="combobox"
-                  style="opacity: 0;"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -15336,7 +15324,7 @@ exports[`renders components/table/demo/narrow.tsx extend context correctly 1`] =
           >
             <div
               aria-label="Page Size"
-              class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
             >
               <div
                 class="ant-select-selector"
@@ -15355,11 +15343,8 @@ exports[`renders components/table/demo/narrow.tsx extend context correctly 1`] =
                     autocomplete="off"
                     class="ant-select-selection-search-input"
                     id="rc_select_TEST_OR_SSR"
-                    readonly=""
                     role="combobox"
-                    style="opacity: 0;"
                     type="search"
-                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -27838,7 +27823,7 @@ exports[`renders components/table/demo/sticky.tsx extend context correctly 1`] =
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -27857,11 +27842,8 @@ exports[`renders components/table/demo/sticky.tsx extend context correctly 1`] =
                   autocomplete="off"
                   class="ant-select-selection-search-input"
                   id="rc_select_TEST_OR_SSR"
-                  readonly=""
                   role="combobox"
-                  style="opacity: 0;"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
diff --git a/components/table/__tests__/__snapshots__/demo.test.ts.snap b/components/table/__tests__/__snapshots__/demo.test.ts.snap
index e8397ec88b..3094b24626 100644
--- a/components/table/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.ts.snap
@@ -4872,7 +4872,7 @@ exports[`renders components/table/demo/edit-row.tsx correctly 1`] = `
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -4890,11 +4890,8 @@ exports[`renders components/table/demo/edit-row.tsx correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
-                  readonly=""
                   role="combobox"
-                  style="opacity:0"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -8092,7 +8089,7 @@ exports[`renders components/table/demo/fixed-columns-header.tsx correctly 1`] =
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -8110,11 +8107,8 @@ exports[`renders components/table/demo/fixed-columns-header.tsx correctly 1`] =
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
-                  readonly=""
                   role="combobox"
-                  style="opacity:0"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -9356,7 +9350,7 @@ exports[`renders components/table/demo/fixed-header.tsx correctly 1`] = `
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -9374,11 +9368,8 @@ exports[`renders components/table/demo/fixed-header.tsx correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
-                  readonly=""
                   role="combobox"
-                  style="opacity:0"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -10390,7 +10381,7 @@ exports[`renders components/table/demo/grouping-columns.tsx correctly 1`] = `
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -10408,11 +10399,8 @@ exports[`renders components/table/demo/grouping-columns.tsx correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
-                  readonly=""
                   role="combobox"
-                  style="opacity:0"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>
@@ -12093,7 +12081,7 @@ exports[`renders components/table/demo/narrow.tsx correctly 1`] = `
           >
             <div
               aria-label="Page Size"
-              class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+              class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
             >
               <div
                 class="ant-select-selector"
@@ -12111,11 +12099,8 @@ exports[`renders components/table/demo/narrow.tsx correctly 1`] = `
                     aria-owns="undefined_list"
                     autocomplete="off"
                     class="ant-select-selection-search-input"
-                    readonly=""
                     role="combobox"
-                    style="opacity:0"
                     type="search"
-                    unselectable="on"
                     value=""
                   />
                 </span>
@@ -22713,7 +22698,7 @@ exports[`renders components/table/demo/sticky.tsx correctly 1`] = `
         >
           <div
             aria-label="Page Size"
-            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
+            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
           >
             <div
               class="ant-select-selector"
@@ -22731,11 +22716,8 @@ exports[`renders components/table/demo/sticky.tsx correctly 1`] = `
                   aria-owns="undefined_list"
                   autocomplete="off"
                   class="ant-select-selection-search-input"
-                  readonly=""
                   role="combobox"
-                  style="opacity:0"
                   type="search"
-                  unselectable="on"
                   value=""
                 />
               </span>