diff --git a/components/cascader/__tests__/__snapshots__/index.test.js.snap b/components/cascader/__tests__/__snapshots__/index.test.js.snap
index 986a456d9..cea0f4eea 100644
--- a/components/cascader/__tests__/__snapshots__/index.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/index.test.js.snap
@@ -69,7 +69,7 @@ exports[`Cascader can be selected 3`] = `
 exports[`Cascader popup correctly when panel is open 1`] = `
 <div>
   <!---->
-  <div class="ant-cascader-menus" style="opacity: 0; pointer-events: none;">
+  <div class="ant-cascader-menus" style="pointer-events: none;">
     <div>
       <ul class="ant-cascader-menu">
         <li class="ant-cascader-menu-item ant-cascader-menu-item-expand" title="Zhejiang" role="menuitem">Zhejiang<span class="ant-cascader-menu-item-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right"><svg focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></span>
@@ -87,7 +87,7 @@ exports[`Cascader popup correctly when panel is open 1`] = `
 exports[`Cascader popup correctly with defaultValue 1`] = `
 <div>
   <!---->
-  <div class="ant-cascader-menus" style="opacity: 0; pointer-events: none;">
+  <div class="ant-cascader-menus ant-slide-up-enter-from ant-slide-up-enter-active" style="pointer-events: none; opacity: 0;">
     <div>
       <ul class="ant-cascader-menu">
         <li class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" title="Zhejiang" role="menuitem">Zhejiang<span class="ant-cascader-menu-item-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right"><svg focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></span>
diff --git a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
index abdff27cb..6a850ab3c 100644
--- a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
@@ -15,7 +15,7 @@ exports[`RangePicker show month panel according to value 1`] = `
 <div data-v-app="">
   <div>
     <!---->
-    <div class="ant-picker-dropdown ant-picker-dropdown-range" style="opacity: 0; pointer-events: none;">
+    <div class="ant-picker-dropdown ant-picker-dropdown-range" style="pointer-events: none; display: none;">
       <div class="ant-picker-range-wrapper ant-picker-date-range-wrapper" style="min-width: 0px;">
         <div class="ant-picker-range-arrow" style="left: 0px;"></div>
         <div class="ant-picker-panel-container" style="margin-left: 0px;">
diff --git a/components/date-picker/__tests__/__snapshots__/other.test.js.snap b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
index a9f2d2b84..28fdef502 100644
--- a/components/date-picker/__tests__/__snapshots__/other.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
@@ -4,7 +4,7 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
 <div style="position: absolute; top: 0px; left: 0px; width: 100%;">
   <div>
     <!---->
-    <div class="ant-picker-dropdown" style="opacity: 0; pointer-events: none;">
+    <div class="ant-picker-dropdown" style="pointer-events: none; display: none;">
       <div class="ant-picker-panel-container">
         <div tabindex="-1" class="ant-picker-panel ant-picker-panel-focused">
           <div class="ant-picker-month-panel">
@@ -77,7 +77,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
 <div style="position: absolute; top: 0px; left: 0px; width: 100%;">
   <div>
     <!---->
-    <div class="ant-picker-dropdown" style="opacity: 0; pointer-events: none;">
+    <div class="ant-picker-dropdown" style="pointer-events: none;">
       <div class="ant-picker-panel-container">
         <div tabindex="-1" class="ant-picker-panel ant-picker-panel-focused">
           <div class="ant-picker-week-panel">
diff --git a/components/slider/__tests__/__snapshots__/index.test.js.snap b/components/slider/__tests__/__snapshots__/index.test.js.snap
index 129eb79b8..9b8b02f7e 100644
--- a/components/slider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/index.test.js.snap
@@ -16,7 +16,7 @@ exports[`Slider should show tooltip when hovering slider handler 1`] = `
 <div style="position: absolute; top: 0px; left: 0px; width: 100%;">
   <div>
     <!---->
-    <div class="ant-tooltip ant-slider-tooltip" style="opacity: 0; pointer-events: none;">
+    <div class="ant-tooltip ant-slider-tooltip" style="pointer-events: none;">
       <div class="ant-tooltip-content">
         <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
         <div class="ant-tooltip-inner" role="tooltip">30</div>