diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index 1b97d6f90abb..f6711c7ee5fd 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -19,7 +19,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         input here
       </div>
@@ -47,7 +47,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -78,7 +78,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
         <div
           class="ant-select-selection__placeholder"
           style="display:block;user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           input here
         </div>
@@ -117,7 +117,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -166,7 +166,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -193,7 +193,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         try to type \`b\`
       </div>
@@ -221,7 +221,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -248,7 +248,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         input here
       </div>
@@ -276,7 +276,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -307,7 +307,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
         <div
           class="ant-select-selection__placeholder"
           style="display:block;user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           input here
         </div>
@@ -351,7 +351,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 4f25bdaa8dc9..806cc9f81e60 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -33,7 +33,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -65,7 +65,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -1042,7 +1042,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -1074,7 +1074,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -2049,7 +2049,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -2081,7 +2081,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -3466,7 +3466,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -3498,7 +3498,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 0014e02184a3..6e3bc61169ec 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -543,7 +543,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
                 <div
                   class="ant-select-selection__placeholder"
                   style="display:block;user-select:none;-webkit-user-select:none"
-                  unselectable="unselectable"
+                  unselectable="on"
                 >
                   Select a option and change input text above
                 </div>
@@ -551,7 +551,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -649,7 +649,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
                 <span
                   class="ant-select-arrow"
                   style="user-select:none;-webkit-user-select:none"
-                  unselectable="unselectable"
+                  unselectable="on"
                 >
                   <b />
                 </span>
@@ -1637,7 +1637,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
                     <span
                       class="ant-select-arrow"
                       style="user-select:none;-webkit-user-select:none"
-                      unselectable="unselectable"
+                      unselectable="on"
                     >
                       <b />
                     </span>
@@ -1698,7 +1698,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
                 <div
                   class="ant-select-selection__placeholder"
                   style="display:block;user-select:none;-webkit-user-select:none"
-                  unselectable="unselectable"
+                  unselectable="on"
                 >
                   website
                 </div>
@@ -1726,7 +1726,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -2263,7 +2263,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                 <div
                   class="ant-select-selection__placeholder"
                   style="display:block;user-select:none;-webkit-user-select:none"
-                  unselectable="unselectable"
+                  unselectable="on"
                 >
                   Please select a country
                 </div>
@@ -2271,7 +2271,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -2321,7 +2321,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                 <div
                   class="ant-select-selection__placeholder"
                   style="display:block;user-select:none;-webkit-user-select:none"
-                  unselectable="unselectable"
+                  unselectable="on"
                 >
                   Please select favourite colors
                 </div>
@@ -3340,7 +3340,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 22573ef73dc4..5c52a9120780 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -68,7 +68,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -110,7 +110,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -242,7 +242,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -285,7 +285,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -399,7 +399,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -431,7 +431,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -468,7 +468,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -524,7 +524,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -548,7 +548,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
           <div
             class="ant-select-selection__placeholder"
             style="display:block;user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             Email
           </div>
@@ -576,7 +576,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -614,7 +614,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index f424ce533bd3..68eb9342180f 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -138,13 +138,11 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
         class="logo"
       />
       <ul
-        aria-activedescendant=""
         class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="true"
           class="ant-menu-item ant-menu-item-selected"
           role="menuitem"
           style="padding-left:24px"
@@ -157,7 +155,6 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -170,7 +167,6 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -218,28 +214,24 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
       class="logo"
     />
     <ul
-      aria-activedescendant=""
       class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
       role="menu"
       style="line-height:64px"
       tabindex="0"
     >
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
         nav 1
       </li>
       <li
-        aria-selected="true"
         class="ant-menu-item ant-menu-item-selected"
         role="menuitem"
       >
         nav 2
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
@@ -322,13 +314,11 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
         class="logo"
       />
       <ul
-        aria-activedescendant=""
         class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -343,7 +333,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -358,7 +347,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -373,7 +361,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="true"
           class="ant-menu-item ant-menu-item-selected"
           role="menuitem"
           style="padding-left:24px"
@@ -388,7 +375,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -403,7 +389,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -418,7 +403,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -433,7 +417,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -587,13 +570,11 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
         class="logo"
       />
       <ul
-        aria-activedescendant=""
         class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -608,7 +589,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -623,7 +603,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -638,7 +617,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="true"
           class="ant-menu-item ant-menu-item-selected"
           role="menuitem"
           style="padding-left:24px"
@@ -698,13 +676,11 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
         class="logo"
       />
       <ul
-        aria-activedescendant=""
         class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="true"
           class="ant-menu-item ant-menu-item-selected"
           role="menuitem"
           style="padding-left:24px"
@@ -717,7 +693,6 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -731,11 +706,11 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
         </li>
         <li
           class="ant-menu-submenu ant-menu-submenu-inline"
+          role="menuitem"
         >
           <div
             aria-expanded="false"
             aria-haspopup="true"
-            aria-owns="sub1$Menu"
             class="ant-menu-submenu-title"
             style="padding-left:24px"
           >
@@ -751,14 +726,15 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
               class="ant-menu-submenu-arrow"
             />
           </div>
+          <div />
         </li>
         <li
           class="ant-menu-submenu ant-menu-submenu-inline"
+          role="menuitem"
         >
           <div
             aria-expanded="false"
             aria-haspopup="true"
-            aria-owns="sub2$Menu"
             class="ant-menu-submenu-title"
             style="padding-left:24px"
           >
@@ -774,9 +750,9 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
               class="ant-menu-submenu-arrow"
             />
           </div>
+          <div />
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:24px"
@@ -866,28 +842,24 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
       class="logo"
     />
     <ul
-      aria-activedescendant=""
       class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
       role="menu"
       style="line-height:64px"
       tabindex="0"
     >
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
         nav 1
       </li>
       <li
-        aria-selected="true"
         class="ant-menu-item ant-menu-item-selected"
         role="menuitem"
       >
         nav 2
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
@@ -966,28 +938,24 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
       class="logo"
     />
     <ul
-      aria-activedescendant=""
       class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
       role="menu"
       style="line-height:64px"
       tabindex="0"
     >
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
         nav 1
       </li>
       <li
-        aria-selected="true"
         class="ant-menu-item ant-menu-item-selected"
         role="menuitem"
       >
         nav 2
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
@@ -1052,7 +1020,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
           class="ant-layout-sider-children"
         >
           <ul
-            aria-activedescendant=""
             class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
             role="menu"
             style="height:100%"
@@ -1060,6 +1027,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
           >
             <li
               class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
+              role="menuitem"
             >
               <div
                 aria-expanded="true"
@@ -1079,13 +1047,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                 />
               </div>
               <ul
-                aria-activedescendant=""
                 class="ant-menu  ant-menu-sub ant-menu-inline"
                 id="sub1$Menu"
                 role="menu"
               >
                 <li
-                  aria-selected="true"
                   class="ant-menu-item ant-menu-item-selected"
                   role="menuitem"
                   style="padding-left:48px"
@@ -1093,7 +1059,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                   option1
                 </li>
                 <li
-                  aria-selected="false"
                   class="ant-menu-item"
                   role="menuitem"
                   style="padding-left:48px"
@@ -1101,7 +1066,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                   option2
                 </li>
                 <li
-                  aria-selected="false"
                   class="ant-menu-item"
                   role="menuitem"
                   style="padding-left:48px"
@@ -1109,7 +1073,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                   option3
                 </li>
                 <li
-                  aria-selected="false"
                   class="ant-menu-item"
                   role="menuitem"
                   style="padding-left:48px"
@@ -1120,11 +1083,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
             </li>
             <li
               class="ant-menu-submenu ant-menu-submenu-inline"
+              role="menuitem"
             >
               <div
                 aria-expanded="false"
                 aria-haspopup="true"
-                aria-owns="sub2$Menu"
                 class="ant-menu-submenu-title"
                 style="padding-left:24px"
               >
@@ -1138,14 +1101,15 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                   class="ant-menu-submenu-arrow"
                 />
               </div>
+              <div />
             </li>
             <li
               class="ant-menu-submenu ant-menu-submenu-inline"
+              role="menuitem"
             >
               <div
                 aria-expanded="false"
                 aria-haspopup="true"
-                aria-owns="sub3$Menu"
                 class="ant-menu-submenu-title"
                 style="padding-left:24px"
               >
@@ -1159,6 +1123,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                   class="ant-menu-submenu-arrow"
                 />
               </div>
+              <div />
             </li>
           </ul>
         </div>
@@ -1191,28 +1156,24 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
       class="logo"
     />
     <ul
-      aria-activedescendant=""
       class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
       role="menu"
       style="line-height:64px"
       tabindex="0"
     >
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
         nav 1
       </li>
       <li
-        aria-selected="true"
         class="ant-menu-item ant-menu-item-selected"
         role="menuitem"
       >
         nav 2
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
       >
@@ -1231,7 +1192,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
         class="ant-layout-sider-children"
       >
         <ul
-          aria-activedescendant=""
           class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
           role="menu"
           style="height:100%;border-right:0"
@@ -1239,6 +1199,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
         >
           <li
             class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
+            role="menuitem"
           >
             <div
               aria-expanded="true"
@@ -1258,13 +1219,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
               />
             </div>
             <ul
-              aria-activedescendant=""
               class="ant-menu  ant-menu-sub ant-menu-inline"
               id="sub1$Menu"
               role="menu"
             >
               <li
-                aria-selected="true"
                 class="ant-menu-item ant-menu-item-selected"
                 role="menuitem"
                 style="padding-left:48px"
@@ -1272,7 +1231,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
                 option1
               </li>
               <li
-                aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
                 style="padding-left:48px"
@@ -1280,7 +1238,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
                 option2
               </li>
               <li
-                aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
                 style="padding-left:48px"
@@ -1288,7 +1245,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
                 option3
               </li>
               <li
-                aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
                 style="padding-left:48px"
@@ -1299,11 +1255,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
           </li>
           <li
             class="ant-menu-submenu ant-menu-submenu-inline"
+            role="menuitem"
           >
             <div
               aria-expanded="false"
               aria-haspopup="true"
-              aria-owns="sub2$Menu"
               class="ant-menu-submenu-title"
               style="padding-left:24px"
             >
@@ -1317,14 +1273,15 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
                 class="ant-menu-submenu-arrow"
               />
             </div>
+            <div />
           </li>
           <li
             class="ant-menu-submenu ant-menu-submenu-inline"
+            role="menuitem"
           >
             <div
               aria-expanded="false"
               aria-haspopup="true"
-              aria-owns="sub3$Menu"
               class="ant-menu-submenu-title"
               style="padding-left:24px"
             >
@@ -1338,6 +1295,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
                 class="ant-menu-submenu-arrow"
               />
             </div>
+            <div />
           </li>
         </ul>
       </div>
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index 5d7143dfd59a..b6e99ed1f0f6 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -156,7 +156,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -207,7 +207,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -500,7 +500,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -532,7 +532,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none"
-                unselectable="unselectable"
+                unselectable="on"
               >
                 <b />
               </span>
@@ -1643,7 +1643,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index 9f118d7ca29c..112136f713ed 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -2483,7 +2483,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -2529,7 +2529,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -5871,7 +5871,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -5902,7 +5902,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -7080,7 +7080,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -7126,7 +7126,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -10468,7 +10468,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -10499,7 +10499,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -11677,7 +11677,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -11723,7 +11723,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -15065,7 +15065,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -15096,7 +15096,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -16274,7 +16274,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -16320,7 +16320,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -19662,7 +19662,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -19693,7 +19693,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -20871,7 +20871,7 @@ exports[`Locale Provider should display the text as de 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -20917,7 +20917,7 @@ exports[`Locale Provider should display the text as de 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -24259,7 +24259,7 @@ exports[`Locale Provider should display the text as de 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -24290,7 +24290,7 @@ exports[`Locale Provider should display the text as de 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -25468,7 +25468,7 @@ exports[`Locale Provider should display the text as el 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -25514,7 +25514,7 @@ exports[`Locale Provider should display the text as el 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -28856,7 +28856,7 @@ exports[`Locale Provider should display the text as el 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -28887,7 +28887,7 @@ exports[`Locale Provider should display the text as el 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -30065,7 +30065,7 @@ exports[`Locale Provider should display the text as en 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -30111,7 +30111,7 @@ exports[`Locale Provider should display the text as en 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -33453,7 +33453,7 @@ exports[`Locale Provider should display the text as en 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -33484,7 +33484,7 @@ exports[`Locale Provider should display the text as en 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -34662,7 +34662,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -34708,7 +34708,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -38050,7 +38050,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -38081,7 +38081,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -39259,7 +39259,7 @@ exports[`Locale Provider should display the text as es 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -39305,7 +39305,7 @@ exports[`Locale Provider should display the text as es 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -42647,7 +42647,7 @@ exports[`Locale Provider should display the text as es 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -42678,7 +42678,7 @@ exports[`Locale Provider should display the text as es 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -43856,7 +43856,7 @@ exports[`Locale Provider should display the text as et 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -43902,7 +43902,7 @@ exports[`Locale Provider should display the text as et 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -47244,7 +47244,7 @@ exports[`Locale Provider should display the text as et 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -47275,7 +47275,7 @@ exports[`Locale Provider should display the text as et 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -48453,7 +48453,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -48499,7 +48499,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -51841,7 +51841,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -51872,7 +51872,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -53050,7 +53050,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -53096,7 +53096,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -56438,7 +56438,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -56469,7 +56469,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -57647,7 +57647,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -57693,7 +57693,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -61035,7 +61035,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -61066,7 +61066,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -62244,7 +62244,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -62290,7 +62290,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -65632,7 +65632,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -65663,7 +65663,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -66841,7 +66841,7 @@ exports[`Locale Provider should display the text as is 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -66887,7 +66887,7 @@ exports[`Locale Provider should display the text as is 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -70229,7 +70229,7 @@ exports[`Locale Provider should display the text as is 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -70260,7 +70260,7 @@ exports[`Locale Provider should display the text as is 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -71438,7 +71438,7 @@ exports[`Locale Provider should display the text as it 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -71484,7 +71484,7 @@ exports[`Locale Provider should display the text as it 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -74826,7 +74826,7 @@ exports[`Locale Provider should display the text as it 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -74857,7 +74857,7 @@ exports[`Locale Provider should display the text as it 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -76035,7 +76035,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -76081,7 +76081,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -79423,7 +79423,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -79454,7 +79454,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -80632,7 +80632,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -80678,7 +80678,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -84020,7 +84020,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -84051,7 +84051,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -85229,7 +85229,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -85275,7 +85275,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -88617,7 +88617,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -88648,7 +88648,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -89826,7 +89826,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -89872,7 +89872,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -93214,7 +93214,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -93245,7 +93245,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -94423,7 +94423,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -94469,7 +94469,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -97811,7 +97811,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -97842,7 +97842,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -99020,7 +99020,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -99066,7 +99066,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -102408,7 +102408,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -102439,7 +102439,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -103617,7 +103617,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -103663,7 +103663,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -107005,7 +107005,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -107036,7 +107036,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -108214,7 +108214,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -108260,7 +108260,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -111602,7 +111602,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -111633,7 +111633,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -112811,7 +112811,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -112857,7 +112857,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -116199,7 +116199,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -116230,7 +116230,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -117408,7 +117408,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -117454,7 +117454,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -120796,7 +120796,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -120827,7 +120827,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -122005,7 +122005,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -122051,7 +122051,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -125393,7 +125393,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -125424,7 +125424,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -126602,7 +126602,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -126648,7 +126648,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -129990,7 +129990,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -130021,7 +130021,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -131199,7 +131199,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -131245,7 +131245,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -134587,7 +134587,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -134618,7 +134618,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -135796,7 +135796,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -135842,7 +135842,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -139184,7 +139184,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -139215,7 +139215,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -140393,7 +140393,7 @@ exports[`Locale Provider should display the text as th 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -140439,7 +140439,7 @@ exports[`Locale Provider should display the text as th 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -143781,7 +143781,7 @@ exports[`Locale Provider should display the text as th 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -143812,7 +143812,7 @@ exports[`Locale Provider should display the text as th 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -144990,7 +144990,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -145036,7 +145036,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -148378,7 +148378,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -148409,7 +148409,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -149587,7 +149587,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -149633,7 +149633,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -152975,7 +152975,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -153006,7 +153006,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -154184,7 +154184,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -154230,7 +154230,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -157572,7 +157572,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -157603,7 +157603,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -158781,7 +158781,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -158827,7 +158827,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -162169,7 +162169,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -162200,7 +162200,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -163378,7 +163378,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -163424,7 +163424,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
       </div>
       <span
         class="ant-select-arrow"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -166766,7 +166766,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
@@ -166797,7 +166797,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
           </div>
           <span
             class="ant-select-arrow"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index e69263092913..7b64bd3ab558 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -2,13 +2,11 @@
 
 exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
 <ul
-  aria-activedescendant=""
   class="ant-menu ant-menu-light ant-menu-root ant-menu-horizontal"
   role="menu"
   tabindex="0"
 >
   <li
-    aria-selected="true"
     class="ant-menu-item ant-menu-item-selected"
     role="menuitem"
   >
@@ -19,7 +17,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
   </li>
   <li
     aria-disabled="true"
-    aria-selected="false"
     class="ant-menu-item ant-menu-item-disabled"
     role="menuitem"
   >
@@ -30,11 +27,11 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-horizontal"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="item_2$Menu"
       class="ant-menu-submenu-title"
     >
       <span>
@@ -49,7 +46,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
     </div>
   </li>
   <li
-    aria-selected="false"
     class="ant-menu-item"
     role="menuitem"
   >
@@ -66,7 +62,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
 
 exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
 <ul
-  aria-activedescendant=""
   class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
   role="menu"
   style="width:256px"
@@ -74,6 +69,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
 >
   <li
     class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
+    role="menuitem"
   >
     <div
       aria-expanded="true"
@@ -95,7 +91,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
       />
     </div>
     <ul
-      aria-activedescendant=""
       class="ant-menu  ant-menu-sub ant-menu-inline"
       id="sub1$Menu"
       role="menu"
@@ -113,7 +108,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
           class="ant-menu-item-group-list"
         >
           <li
-            aria-selected="true"
             class="ant-menu-item ant-menu-item-selected"
             role="menuitem"
             style="padding-left:48px"
@@ -121,7 +115,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
             Option 1
           </li>
           <li
-            aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
             style="padding-left:48px"
@@ -143,7 +136,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
           class="ant-menu-item-group-list"
         >
           <li
-            aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
             style="padding-left:48px"
@@ -151,7 +143,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
             Option 3
           </li>
           <li
-            aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
             style="padding-left:48px"
@@ -164,11 +155,11 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-inline"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub2$Menu"
       class="ant-menu-submenu-title"
       style="padding-left:24px"
     >
@@ -184,14 +175,15 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         class="ant-menu-submenu-arrow"
       />
     </div>
+    <div />
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-inline"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub4$Menu"
       class="ant-menu-submenu-title"
       style="padding-left:24px"
     >
@@ -207,6 +199,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         class="ant-menu-submenu-arrow"
       />
     </div>
+    <div />
   </li>
 </ul>
 `;
@@ -225,13 +218,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
     />
   </button>
   <ul
-    aria-activedescendant=""
     class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
     role="menu"
     tabindex="0"
   >
     <li
-      aria-selected="true"
       class="ant-menu-item ant-menu-item-selected"
       role="menuitem"
       style="padding-left:24px"
@@ -244,7 +235,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
       </span>
     </li>
     <li
-      aria-selected="false"
       class="ant-menu-item"
       role="menuitem"
       style="padding-left:24px"
@@ -257,7 +247,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
       </span>
     </li>
     <li
-      aria-selected="false"
       class="ant-menu-item"
       role="menuitem"
       style="padding-left:24px"
@@ -271,6 +260,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
+      role="menuitem"
     >
       <div
         aria-expanded="true"
@@ -292,13 +282,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
         />
       </div>
       <ul
-        aria-activedescendant=""
         class="ant-menu  ant-menu-sub ant-menu-inline"
         id="sub1$Menu"
         role="menu"
       >
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -306,7 +294,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
           Option 5
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -314,7 +301,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
           Option 6
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -322,7 +308,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
           Option 7
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -333,11 +318,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline"
+      role="menuitem"
     >
       <div
         aria-expanded="false"
         aria-haspopup="true"
-        aria-owns="sub2$Menu"
         class="ant-menu-submenu-title"
         style="padding-left:24px"
       >
@@ -353,6 +338,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
           class="ant-menu-submenu-arrow"
         />
       </div>
+      <div />
     </li>
   </ul>
 </div>
@@ -360,7 +346,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
 
 exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
 <ul
-  aria-activedescendant=""
   class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
   role="menu"
   style="width:256px"
@@ -368,6 +353,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
 >
   <li
     class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
+    role="menuitem"
   >
     <div
       aria-expanded="true"
@@ -389,13 +375,11 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
       />
     </div>
     <ul
-      aria-activedescendant=""
       class="ant-menu  ant-menu-sub ant-menu-inline"
       id="sub1$Menu"
       role="menu"
     >
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
         style="padding-left:48px"
@@ -403,7 +387,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
         Option 1
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
         style="padding-left:48px"
@@ -411,7 +394,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
         Option 2
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
         style="padding-left:48px"
@@ -419,7 +401,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
         Option 3
       </li>
       <li
-        aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
         style="padding-left:48px"
@@ -430,11 +411,11 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-inline"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub2$Menu"
       class="ant-menu-submenu-title"
       style="padding-left:24px"
     >
@@ -450,14 +431,15 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
         class="ant-menu-submenu-arrow"
       />
     </div>
+    <div />
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-inline"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub4$Menu"
       class="ant-menu-submenu-title"
       style="padding-left:24px"
     >
@@ -473,6 +455,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
         class="ant-menu-submenu-arrow"
       />
     </div>
+    <div />
   </li>
 </ul>
 `;
@@ -504,14 +487,12 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
   <br />
   <br />
   <ul
-    aria-activedescendant=""
     class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
     role="menu"
     style="width:256px"
     tabindex="0"
   >
     <li
-      aria-selected="true"
       class="ant-menu-item ant-menu-item-selected"
       role="menuitem"
       style="padding-left:24px"
@@ -522,7 +503,6 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
       Navigation One
     </li>
     <li
-      aria-selected="false"
       class="ant-menu-item"
       role="menuitem"
       style="padding-left:24px"
@@ -534,6 +514,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
+      role="menuitem"
     >
       <div
         aria-expanded="true"
@@ -555,13 +536,11 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
         />
       </div>
       <ul
-        aria-activedescendant=""
         class="ant-menu  ant-menu-sub ant-menu-inline"
         id="sub1$Menu"
         role="menu"
       >
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -569,7 +548,6 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
           Option 3
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -578,11 +556,11 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
         </li>
         <li
           class="ant-menu-submenu ant-menu-submenu-inline"
+          role="menuitem"
         >
           <div
             aria-expanded="false"
             aria-haspopup="true"
-            aria-owns="sub1-2$Menu"
             class="ant-menu-submenu-title"
             style="padding-left:48px"
             title="Submenu"
@@ -592,16 +570,17 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
               class="ant-menu-submenu-arrow"
             />
           </div>
+          <div />
         </li>
       </ul>
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline"
+      role="menuitem"
     >
       <div
         aria-expanded="false"
         aria-haspopup="true"
-        aria-owns="sub2$Menu"
         class="ant-menu-submenu-title"
         style="padding-left:24px"
       >
@@ -617,6 +596,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
           class="ant-menu-submenu-arrow"
         />
       </div>
+      <div />
     </li>
   </ul>
 </div>
@@ -638,7 +618,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
   <br />
   <br />
   <ul
-    aria-activedescendant=""
     class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
     role="menu"
     style="width:256px"
@@ -646,6 +625,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
   >
     <li
       class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
+      role="menuitem"
     >
       <div
         aria-expanded="true"
@@ -667,13 +647,11 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
         />
       </div>
       <ul
-        aria-activedescendant=""
         class="ant-menu  ant-menu-sub ant-menu-inline"
         id="sub1$Menu"
         role="menu"
       >
         <li
-          aria-selected="true"
           class="ant-menu-item ant-menu-item-selected"
           role="menuitem"
           style="padding-left:48px"
@@ -681,7 +659,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
           Option 1
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -689,7 +666,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
           Option 2
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -697,7 +673,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
           Option 3
         </li>
         <li
-          aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
           style="padding-left:48px"
@@ -708,11 +683,11 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline"
+      role="menuitem"
     >
       <div
         aria-expanded="false"
         aria-haspopup="true"
-        aria-owns="sub2$Menu"
         class="ant-menu-submenu-title"
         style="padding-left:24px"
       >
@@ -728,14 +703,15 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
           class="ant-menu-submenu-arrow"
         />
       </div>
+      <div />
     </li>
     <li
       class="ant-menu-submenu ant-menu-submenu-inline"
+      role="menuitem"
     >
       <div
         aria-expanded="false"
         aria-haspopup="true"
-        aria-owns="sub4$Menu"
         class="ant-menu-submenu-title"
         style="padding-left:24px"
       >
@@ -751,6 +727,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
           class="ant-menu-submenu-arrow"
         />
       </div>
+      <div />
     </li>
   </ul>
 </div>
@@ -758,7 +735,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
 
 exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
 <ul
-  aria-activedescendant=""
   class="ant-menu ant-menu-light ant-menu-root ant-menu-vertical"
   role="menu"
   style="width:256px"
@@ -766,11 +742,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
 >
   <li
     class="ant-menu-submenu ant-menu-submenu-vertical"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub1$Menu"
       class="ant-menu-submenu-title"
     >
       <span>
@@ -788,11 +764,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-vertical"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub2$Menu"
       class="ant-menu-submenu-title"
     >
       <span>
@@ -810,11 +786,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
   </li>
   <li
     class="ant-menu-submenu ant-menu-submenu-vertical"
+    role="menuitem"
   >
     <div
       aria-expanded="false"
       aria-haspopup="true"
-      aria-owns="sub4$Menu"
       class="ant-menu-submenu-title"
     >
       <span>
diff --git a/components/menu/__tests__/index.test.js b/components/menu/__tests__/index.test.js
index cd2aabfad2cf..9960aaa17a93 100644
--- a/components/menu/__tests__/index.test.js
+++ b/components/menu/__tests__/index.test.js
@@ -133,14 +133,14 @@ describe('Menu', () => {
         <Menu.Item key="2">menu2</Menu.Item>
       </Menu>
     );
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
     wrapper.setProps({ mode: 'vertical' });
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
     wrapper.setProps({ mode: 'inline' });
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
   });
 
-  it('should always follow openKeys when mode is switched', () => {
+  it('should always follow openKeys when inlineCollapsed is switched', () => {
     const wrapper = mount(
       <Menu defaultOpenKeys={['1']} mode="inline">
         <Menu.Item key="menu1">
@@ -157,24 +157,23 @@ describe('Menu', () => {
         </SubMenu>
       </Menu>
     );
-
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
 
     wrapper.setProps({ inlineCollapsed: true });
     // 动画结束后套样式;
     jest.runAllTimers();
     wrapper.update();
 
-    expect(wrapper.find('.ant-menu').at(0).hasClass('ant-menu-vertical')).toBe(true);
-    expect(wrapper.find('.ant-menu-sub').length).toBe(0);
+    expect(wrapper.find('ul.ant-menu-root').at(0).hasClass('ant-menu-vertical')).toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').length).toBe(0);
 
     wrapper.setProps({ inlineCollapsed: false });
     jest.runAllTimers();
     wrapper.update();
 
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
   });
 
   it('inlineCollapsed should works well when specify a not existed default openKeys', () => {
@@ -203,8 +202,8 @@ describe('Menu', () => {
     wrapper.update();
     expect(wrapper.find('.ant-menu-submenu').at(0).hasClass('ant-menu-submenu-vertical')).toBe(true);
     expect(wrapper.find('.ant-menu-submenu').at(0).hasClass('ant-menu-submenu-open')).toBe(true);
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-vertical')).toBe(true);
-    expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-vertical')).toBe(true);
+    expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
   });
 
   describe('open submenu when click submenu title', () => {
diff --git a/components/notification/__tests__/__snapshots__/demo.test.js.snap b/components/notification/__tests__/__snapshots__/demo.test.js.snap
index fd28f75a69e1..0ab7e8ba212c 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.js.snap
@@ -73,7 +73,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 162ab5543ccf..6f042ff98a27 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -189,7 +189,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
@@ -634,7 +634,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <b />
           </span>
diff --git a/components/progress/__tests__/__snapshots__/index.test.js.snap b/components/progress/__tests__/__snapshots__/index.test.js.snap
index 0959db3cfa03..9a24db9fe336 100644
--- a/components/progress/__tests__/__snapshots__/index.test.js.snap
+++ b/components/progress/__tests__/__snapshots__/index.test.js.snap
@@ -1,5 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Progress render format 1`] = `
+<div
+  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+>
+  <div>
+    <div
+      class="ant-progress-outer"
+    >
+      <div
+        class="ant-progress-inner"
+      >
+        <div
+          class="ant-progress-bg"
+          style="width: 50%; height: 8px;"
+        />
+        <div
+          class="ant-progress-success-bg"
+          style="width: 10%; height: 8px;"
+        />
+      </div>
+    </div>
+    <span
+      class="ant-progress-text"
+    >
+      50 10
+    </span>
+  </div>
+</div>
+`;
+
 exports[`Progress render negetive progress 1`] = `
 <div
   class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
diff --git a/components/progress/__tests__/index.test.js b/components/progress/__tests__/index.test.js
index 189a4d63f8a8..edcb27cf11e6 100644
--- a/components/progress/__tests__/index.test.js
+++ b/components/progress/__tests__/index.test.js
@@ -3,7 +3,7 @@ import { mount } from 'enzyme';
 import Progress from '..';
 
 describe('Progress', () => {
-  it('successPercent should decide the progress status when it exists', async () => {
+  it('successPercent should decide the progress status when it exists', () => {
     const wrapper = mount(<Progress percent={100} successPercent={50} />);
     expect(wrapper.find('.ant-progress-status-success')).toHaveLength(0);
 
@@ -11,23 +11,34 @@ describe('Progress', () => {
     expect(wrapper.find('.ant-progress-status-success')).toHaveLength(1);
   });
 
-  it('render out-of-range progress', async () => {
+  it('render out-of-range progress', () => {
     const wrapper = mount(<Progress percent={120} />);
     expect(wrapper.render()).toMatchSnapshot();
   });
 
-  it('render out-of-range progress with info', async () => {
+  it('render out-of-range progress with info', () => {
     const wrapper = mount(<Progress percent={120} showInfo />);
     expect(wrapper.render()).toMatchSnapshot();
   });
 
-  it('render negetive progress', async () => {
+  it('render negetive progress', () => {
     const wrapper = mount(<Progress percent={-20} />);
     expect(wrapper.render()).toMatchSnapshot();
   });
 
-  it('render negetive successPercent', async () => {
+  it('render negetive successPercent', () => {
     const wrapper = mount(<Progress percent={50} successPercent={-20} />);
     expect(wrapper.render()).toMatchSnapshot();
   });
+
+  it('render format', () => {
+    const wrapper = mount(
+      <Progress
+        percent={50}
+        successPercent={10}
+        format={(percent, successPercent) => `${percent} ${successPercent}`}
+      />
+    );
+    expect(wrapper.render()).toMatchSnapshot();
+  });
 });
diff --git a/components/progress/progress.tsx b/components/progress/progress.tsx
index 361f8ea604e2..28670cbd51c5 100644
--- a/components/progress/progress.tsx
+++ b/components/progress/progress.tsx
@@ -81,12 +81,12 @@ export default class Progress extends React.Component<ProgressProps, {}> {
     if (showInfo) {
       let text;
       const iconType = (type === 'circle' || type === 'dashboard') ? '' : '-circle';
-      if (progressStatus === 'exception') {
-        text = format ? textFormatter(validProgress(percent), validProgress(successPercent)) : <Icon type={`cross${iconType}`} />;
-      } else if (progressStatus === 'success') {
-        text = format ? textFormatter(validProgress(percent), validProgress(successPercent)) : <Icon type={`check${iconType}`} />;
-      } else {
+      if (format || (progressStatus !== 'exception' && progressStatus !== 'success')) {
         text = textFormatter(validProgress(percent), validProgress(successPercent));
+      } else if (progressStatus === 'exception') {
+        text = <Icon type={`cross${iconType}`} />;
+      } else if (progressStatus === 'success') {
+        text = <Icon type={`check${iconType}`} />;
       }
       progressInfo = <span className={`${prefixCls}-text`}>{text}</span>;
     }
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index a731daadbfe8..f214271a8687 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -70,7 +70,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -103,12 +103,12 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
       <span
         class="ant-select-selection__clear"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       />
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -136,7 +136,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         Enter the account name
       </div>
@@ -164,7 +164,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -201,7 +201,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -234,7 +234,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -271,7 +271,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -298,7 +298,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:none;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         Please select
       </div>
@@ -307,7 +307,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
           class="ant-select-selection__choice"
           style="user-select:none;-webkit-user-select:none"
           title="a10"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <div
             class="ant-select-selection__choice__content"
@@ -322,7 +322,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
           class="ant-select-selection__choice"
           style="user-select:none;-webkit-user-select:none"
           title="c12"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <div
             class="ant-select-selection__choice__content"
@@ -385,7 +385,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -413,7 +413,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         Select a person
       </div>
@@ -440,7 +440,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none"
-      unselectable="unselectable"
+      unselectable="on"
     >
       <b />
     </span>
@@ -467,7 +467,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         input search text
       </div>
@@ -515,7 +515,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         Select users
       </div>
@@ -637,7 +637,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -683,7 +683,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         <b />
       </span>
@@ -708,7 +708,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
         <div
           class="ant-select-selection__placeholder"
           style="display:none;user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           Please select
         </div>
@@ -717,7 +717,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
             class="ant-select-selection__choice"
             style="user-select:none;-webkit-user-select:none"
             title="a10"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <div
               class="ant-select-selection__choice__content"
@@ -732,7 +732,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
             class="ant-select-selection__choice"
             style="user-select:none;-webkit-user-select:none"
             title="c12"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <div
               class="ant-select-selection__choice__content"
@@ -784,7 +784,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
         <div
           class="ant-select-selection__placeholder"
           style="display:none;user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           Please select
         </div>
@@ -793,7 +793,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
             class="ant-select-selection__choice"
             style="user-select:none;-webkit-user-select:none"
             title="a10"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <div
               class="ant-select-selection__choice__content"
@@ -808,7 +808,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
             class="ant-select-selection__choice"
             style="user-select:none;-webkit-user-select:none"
             title="c12"
-            unselectable="unselectable"
+            unselectable="on"
           >
             <div
               class="ant-select-selection__choice__content"
@@ -863,7 +863,7 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none"
-        unselectable="unselectable"
+        unselectable="on"
       >
         Tags Mode
       </div>
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 1f30e3e0b8d8..3c12445adfdc 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -132,13 +132,11 @@ exports[`Table.filter renders menu correctly 1`] = `
       class="ant-table-filter-dropdown"
     >
       <ul
-        aria-activedescendant=""
         class="ant-dropdown-menu  ant-dropdown-menu-root ant-dropdown-menu-vertical"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="false"
           class="ant-dropdown-menu-item"
           role="menuitem"
         >
@@ -162,7 +160,6 @@ exports[`Table.filter renders menu correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-dropdown-menu-item"
           role="menuitem"
         >
@@ -187,11 +184,11 @@ exports[`Table.filter renders menu correctly 1`] = `
         </li>
         <li
           class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
+          role="menuitem"
         >
           <div
             aria-expanded="false"
             aria-haspopup="true"
-            aria-owns="title$Menu"
             class="ant-dropdown-menu-submenu-title"
             title="Title"
           >
@@ -230,13 +227,11 @@ exports[`Table.filter renders radio filter correctly 1`] = `
       class="ant-table-filter-dropdown"
     >
       <ul
-        aria-activedescendant=""
         class="ant-dropdown-menu  ant-dropdown-menu-root ant-dropdown-menu-vertical"
         role="menu"
         tabindex="0"
       >
         <li
-          aria-selected="false"
           class="ant-dropdown-menu-item"
           role="menuitem"
         >
@@ -260,7 +255,6 @@ exports[`Table.filter renders radio filter correctly 1`] = `
           </span>
         </li>
         <li
-          aria-selected="false"
           class="ant-dropdown-menu-item"
           role="menuitem"
         >
@@ -285,11 +279,11 @@ exports[`Table.filter renders radio filter correctly 1`] = `
         </li>
         <li
           class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
+          role="menuitem"
         >
           <div
             aria-expanded="false"
             aria-haspopup="true"
-            aria-owns="title$Menu"
             class="ant-dropdown-menu-submenu-title"
             title="Title"
           >
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index d98b3fb8a3c1..a21b3d6b167b 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -410,13 +410,11 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
     class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
   >
     <ul
-      aria-activedescendant=""
       class="ant-dropdown-menu ant-table-selection-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
       role="menu"
       tabindex="0"
     >
       <li
-        aria-selected="false"
         class="ant-dropdown-menu-item"
         role="menuitem"
       >
@@ -425,7 +423,6 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
         </div>
       </li>
       <li
-        aria-selected="false"
         class="ant-dropdown-menu-item"
         role="menuitem"
       >
diff --git a/components/table/filterDropdown.tsx b/components/table/filterDropdown.tsx
index 79b451b19e07..2eddcb1120ab 100755
--- a/components/table/filterDropdown.tsx
+++ b/components/table/filterDropdown.tsx
@@ -145,7 +145,7 @@ export default class FilterMenu<T> extends React.Component<FilterMenuProps<T>, F
   }
 
   handleMenuItemClick = (info: { keyPath: string, key: string }) => {
-    if (info.keyPath.length <= 1) {
+    if (!info.keyPath || info.keyPath.length <= 1) {
       return;
     }
     const keyPathOfSelectedItem = this.state.keyPathOfSelectedItem;
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 1d14fcda07a7..88ebe66dcff6 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -837,7 +837,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none"
-          unselectable="unselectable"
+          unselectable="on"
         >
           <b />
         </span>
diff --git a/package.json b/package.json
index cb3ec906f764..ef3eb882041c 100644
--- a/package.json
+++ b/package.json
@@ -60,12 +60,12 @@
     "rc-editor-mention": "^1.0.2",
     "rc-form": "^2.1.0",
     "rc-input-number": "~4.0.0",
-    "rc-menu": "~6.2.0",
+    "rc-menu": "~7.0.2",
     "rc-notification": "~3.1.0",
     "rc-pagination": "~1.16.1",
     "rc-progress": "~2.2.2",
     "rc-rate": "~2.4.0",
-    "rc-select": "~7.7.0",
+    "rc-select": "~8.0.1",
     "rc-slider": "~8.6.0",
     "rc-steps": "~3.1.0",
     "rc-switch": "~1.6.0",