diff --git a/components/cascader/__tests__/__snapshots__/index.test.js.snap b/components/cascader/__tests__/__snapshots__/index.test.js.snap
index 6bbec99ac0..ad944598da 100644
--- a/components/cascader/__tests__/__snapshots__/index.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/index.test.js.snap
@@ -3,7 +3,8 @@
 exports[`Cascader can be selected 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+    class="ant-cascader-menus"
+    style="opacity:0"
   >
     <div>
       <ul
@@ -115,7 +116,8 @@ exports[`Cascader can be selected 1`] = `
 exports[`Cascader can be selected 2`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+    class="ant-cascader-menus"
+    style="opacity:0"
   >
     <div>
       <ul
@@ -238,7 +240,7 @@ exports[`Cascader can be selected 2`] = `
 exports[`Cascader can be selected 3`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden"
+    class="ant-cascader-menus ant-cascader-menus-hidden"
   >
     <div>
       <ul
@@ -361,8 +363,8 @@ exports[`Cascader can be selected 3`] = `
 exports[`Cascader have a notFoundContent that fit trigger input width 1`] = `
 <div>
   <div
-    class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft slide-up-appear"
-    style="left: -999px; top: -995px;"
+    class="ant-cascader-menus"
+    style="opacity: 0;"
   >
     <div>
       <ul
@@ -430,7 +432,7 @@ exports[`Cascader have a notFoundContent that fit trigger input width 1`] = `
 exports[`Cascader popup correctly when panel is hidden 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-empty ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden"
+    class="ant-cascader-menus  ant-cascader-menus-empty ant-cascader-menus-hidden"
   >
     <div />
   </div>
@@ -440,7 +442,8 @@ exports[`Cascader popup correctly when panel is hidden 1`] = `
 exports[`Cascader popup correctly when panel is open 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+    class="ant-cascader-menus"
+    style="opacity:0"
   >
     <div>
       <ul
@@ -517,7 +520,8 @@ exports[`Cascader popup correctly when panel is open 1`] = `
 exports[`Cascader popup correctly with defaultValue 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+    class="ant-cascader-menus"
+    style="opacity:0"
   >
     <div>
       <ul
@@ -639,11 +643,6 @@ exports[`Cascader popup correctly with defaultValue 1`] = `
 
 exports[`Cascader should highlight keyword and filter when search in Cascader 1`] = `
 <Popup
-  action={
-    Array [
-      "click",
-    ]
-  }
   align={
     Object {
       "offset": Array [
@@ -674,28 +673,26 @@ exports[`Cascader should highlight keyword and filter when search in Cascader 1`
   visible={true}
 >
   <div>
-    <Animate
-      animation={Object {}}
-      component=""
-      componentProps={Object {}}
-      exclusive={true}
-      onAppear={[Function]}
-      onEnd={[Function]}
-      onEnter={[Function]}
-      onLeave={[Function]}
-      showProp="xVisible"
-      transitionAppear={true}
-      transitionEnter={true}
-      transitionLeave={true}
-      transitionName="slide-up"
+    <ForwardRef
+      motionAppear={false}
+      motionEnter={false}
+      motionLeave={false}
+      motionName="slide-up"
+      onEnterEnd={[Function]}
+      onLeaveEnd={[Function]}
+      removeOnLeave={false}
+      visible={true}
     >
-      <AnimateChild
-        animation={Object {}}
-        key="popup"
-        transitionAppear={true}
-        transitionEnter={true}
-        transitionLeave={true}
-        transitionName="slide-up"
+      <CSSMotion
+        internalRef={null}
+        motionAppear={false}
+        motionEnter={false}
+        motionLeave={false}
+        motionName="slide-up"
+        onEnterEnd={[Function]}
+        onLeaveEnd={[Function]}
+        removeOnLeave={false}
+        visible={true}
       >
         <Align
           align={
@@ -714,334 +711,327 @@ exports[`Cascader should highlight keyword and filter when search in Cascader 1`
               ],
             }
           }
-          childrenProps={
-            Object {
-              "visible": "xVisible",
-            }
-          }
-          disabled={false}
+          disabled={true}
           key="popup"
-          monitorBufferTime={50}
           monitorWindowResize={true}
           onAlign={[Function]}
           target={[Function]}
-          xVisible={true}
         >
           <PopupInner
-            className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+            className="ant-cascader-menus"
             hiddenClassName="ant-cascader-menus-hidden"
             onMouseDown={[Function]}
             onTouchStart={[Function]}
             prefixCls="ant-cascader-menus"
-            style={Object {}}
+            style={
+              Object {
+                "opacity": 0,
+                "zIndex": undefined,
+              }
+            }
             visible={true}
           >
             <div
-              className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+              className="ant-cascader-menus"
               onMouseDown={[Function]}
               onTouchStart={[Function]}
-              style={Object {}}
+              style={
+                Object {
+                  "opacity": 0,
+                  "zIndex": undefined,
+                }
+              }
             >
-              <LazyRenderBox
-                className="ant-cascader-menus-content"
-                visible={true}
-              >
-                <Menus
-                  activeValue={Array []}
-                  allowClear={true}
-                  builtinPlacements={
-                    Object {
-                      "bottomLeft": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tl",
-                          "bl",
-                        ],
+              <Menus
+                activeValue={Array []}
+                allowClear={true}
+                builtinPlacements={
+                  Object {
+                    "bottomLeft": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "bottomRight": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tr",
-                          "br",
-                        ],
+                      "points": Array [
+                        "tl",
+                        "bl",
+                      ],
+                    },
+                    "bottomRight": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topLeft": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "bl",
-                          "tl",
-                        ],
+                      "points": Array [
+                        "tr",
+                        "br",
+                      ],
+                    },
+                    "topLeft": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topRight": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "br",
-                          "tr",
-                        ],
+                      "points": Array [
+                        "bl",
+                        "tl",
+                      ],
+                    },
+                    "topRight": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                    }
-                  }
-                  defaultFieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
+                      "points": Array [
+                        "br",
+                        "tr",
+                      ],
+                    },
                   }
-                  disabled={false}
-                  dropdownMenuColumnStyle={
-                    Object {
-                      "width": 0,
-                    }
+                }
+                defaultFieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  expandIcon={<RightOutlined />}
-                  expandTrigger="click"
-                  fieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
+                }
+                disabled={false}
+                dropdownMenuColumnStyle={
+                  Object {
+                    "width": 0,
                   }
-                  loadingIcon={
-                    <span
-                      className="ant-cascader-menu-item-loading-icon"
-                    >
-                      <RedoOutlined
-                        spin={true}
-                      />
-                    </span>
+                }
+                expandIcon={<RightOutlined />}
+                expandTrigger="click"
+                fieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  onChange={[Function]}
-                  onItemDoubleClick={[Function]}
-                  onPopupVisibleChange={[Function]}
-                  onSelect={[Function]}
-                  options={
-                    Array [
-                      Object {
-                        "__IS_FILTERED_OPTION": true,
-                        "disabled": false,
-                        "label": Array [
-                          "Jiangsu",
-                          Array [
-                            " / ",
-                            "Nanjing",
-                          ],
-                          Array [
-                            " / ",
-                            "Zhong Hua Men",
-                          ],
-                        ],
-                        "path": Array [
-                          Object {
-                            "children": Array [
-                              Object {
-                                "children": Array [
-                                  Object {
-                                    "label": "Zhong Hua Men",
-                                    "value": "zhonghuamen",
-                                  },
-                                ],
-                                "label": "Nanjing",
-                                "value": "nanjing",
-                              },
-                            ],
-                            "label": "Jiangsu",
-                            "value": "jiangsu",
-                          },
-                          Object {
-                            "children": Array [
-                              Object {
-                                "label": "Zhong Hua Men",
-                                "value": "zhonghuamen",
-                              },
-                            ],
-                            "label": "Nanjing",
-                            "value": "nanjing",
-                          },
-                          Object {
-                            "label": "Zhong Hua Men",
-                            "value": "zhonghuamen",
-                          },
+                }
+                loadingIcon={
+                  <span
+                    className="ant-cascader-menu-item-loading-icon"
+                  >
+                    <RedoOutlined
+                      spin={true}
+                    />
+                  </span>
+                }
+                onChange={[Function]}
+                onItemDoubleClick={[Function]}
+                onPopupVisibleChange={[Function]}
+                onSelect={[Function]}
+                options={
+                  Array [
+                    Object {
+                      "__IS_FILTERED_OPTION": true,
+                      "disabled": false,
+                      "label": Array [
+                        "Jiangsu",
+                        Array [
+                          " / ",
+                          "Nanjing",
                         ],
-                        "value": Array [
-                          "jiangsu",
-                          "nanjing",
-                          "zhonghuamen",
+                        Array [
+                          " / ",
+                          "Zhong Hua Men",
                         ],
-                      },
-                      Object {
-                        "__IS_FILTERED_OPTION": true,
-                        "disabled": false,
-                        "label": Array [
-                          "Zhejiang",
-                          Array [
-                            " / ",
-                            Array [
-                              "Hang",
-                              Array [
-                                <span
-                                  className="ant-cascader-menu-item-keyword"
-                                >
-                                  z
-                                </span>,
-                                "hou",
+                      ],
+                      "path": Array [
+                        Object {
+                          "children": Array [
+                            Object {
+                              "children": Array [
+                                Object {
+                                  "label": "Zhong Hua Men",
+                                  "value": "zhonghuamen",
+                                },
                               ],
-                            ],
+                              "label": "Nanjing",
+                              "value": "nanjing",
+                            },
                           ],
-                          Array [
-                            " / ",
-                            "West Lake",
+                          "label": "Jiangsu",
+                          "value": "jiangsu",
+                        },
+                        Object {
+                          "children": Array [
+                            Object {
+                              "label": "Zhong Hua Men",
+                              "value": "zhonghuamen",
+                            },
                           ],
-                        ],
-                        "path": Array [
-                          Object {
-                            "children": Array [
-                              Object {
-                                "children": Array [
-                                  Object {
-                                    "label": "West Lake",
-                                    "value": "xihu",
-                                  },
-                                ],
-                                "label": "Hangzhou",
-                                "value": "hangzhou",
-                              },
-                            ],
-                            "label": "Zhejiang",
-                            "value": "zhejiang",
-                          },
-                          Object {
-                            "children": Array [
-                              Object {
-                                "label": "West Lake",
-                                "value": "xihu",
-                              },
+                          "label": "Nanjing",
+                          "value": "nanjing",
+                        },
+                        Object {
+                          "label": "Zhong Hua Men",
+                          "value": "zhonghuamen",
+                        },
+                      ],
+                      "value": Array [
+                        "jiangsu",
+                        "nanjing",
+                        "zhonghuamen",
+                      ],
+                    },
+                    Object {
+                      "__IS_FILTERED_OPTION": true,
+                      "disabled": false,
+                      "label": Array [
+                        "Zhejiang",
+                        Array [
+                          " / ",
+                          Array [
+                            "Hang",
+                            Array [
+                              <span
+                                className="ant-cascader-menu-item-keyword"
+                              >
+                                z
+                              </span>,
+                              "hou",
                             ],
-                            "label": "Hangzhou",
-                            "value": "hangzhou",
-                          },
-                          Object {
-                            "label": "West Lake",
-                            "value": "xihu",
-                          },
+                          ],
                         ],
-                        "value": Array [
-                          "zhejiang",
-                          "hangzhou",
-                          "xihu",
+                        Array [
+                          " / ",
+                          "West Lake",
                         ],
-                      },
-                    ]
-                  }
-                  popupClassName=""
-                  popupPlacement="bottomLeft"
-                  popupVisible={true}
-                  prefixCls="ant-cascader"
-                  showSearch={
-                    Object {
-                      "filter": [Function],
-                    }
-                  }
-                  transitionName="slide-up"
-                  value={Array []}
-                  visible={true}
-                >
-                  <div>
-                    <ul
-                      className="ant-cascader-menu"
-                      key="0"
-                      style={
+                      ],
+                      "path": Array [
                         Object {
-                          "width": 0,
-                        }
+                          "children": Array [
+                            Object {
+                              "children": Array [
+                                Object {
+                                  "label": "West Lake",
+                                  "value": "xihu",
+                                },
+                              ],
+                              "label": "Hangzhou",
+                              "value": "hangzhou",
+                            },
+                          ],
+                          "label": "Zhejiang",
+                          "value": "zhejiang",
+                        },
+                        Object {
+                          "children": Array [
+                            Object {
+                              "label": "West Lake",
+                              "value": "xihu",
+                            },
+                          ],
+                          "label": "Hangzhou",
+                          "value": "hangzhou",
+                        },
+                        Object {
+                          "label": "West Lake",
+                          "value": "xihu",
+                        },
+                      ],
+                      "value": Array [
+                        "zhejiang",
+                        "hangzhou",
+                        "xihu",
+                      ],
+                    },
+                  ]
+                }
+                popupClassName=""
+                popupPlacement="bottomLeft"
+                popupVisible={true}
+                prefixCls="ant-cascader"
+                showSearch={
+                  Object {
+                    "filter": [Function],
+                  }
+                }
+                transitionName="slide-up"
+                value={Array []}
+                visible={true}
+              >
+                <div>
+                  <ul
+                    className="ant-cascader-menu"
+                    key="0"
+                    style={
+                      Object {
+                        "width": 0,
                       }
+                    }
+                  >
+                    <li
+                      className="ant-cascader-menu-item"
+                      key="jiangsu,nanjing,zhonghuamen"
+                      onClick={[Function]}
+                      onDoubleClick={[Function]}
+                      onMouseDown={[Function]}
+                      role="menuitem"
+                      title=""
                     >
-                      <li
-                        className="ant-cascader-menu-item"
-                        key="jiangsu,nanjing,zhonghuamen"
-                        onClick={[Function]}
-                        onDoubleClick={[Function]}
-                        onMouseDown={[Function]}
-                        role="menuitem"
-                        title=""
-                      >
-                        Jiangsu
-                         / 
-                        Nanjing
-                         / 
-                        Zhong Hua Men
-                      </li>
-                      <li
-                        className="ant-cascader-menu-item"
-                        key="zhejiang,hangzhou,xihu"
-                        onClick={[Function]}
-                        onDoubleClick={[Function]}
-                        onMouseDown={[Function]}
-                        role="menuitem"
-                        title=""
+                      Jiangsu
+                       / 
+                      Nanjing
+                       / 
+                      Zhong Hua Men
+                    </li>
+                    <li
+                      className="ant-cascader-menu-item"
+                      key="zhejiang,hangzhou,xihu"
+                      onClick={[Function]}
+                      onDoubleClick={[Function]}
+                      onMouseDown={[Function]}
+                      role="menuitem"
+                      title=""
+                    >
+                      Zhejiang
+                       / 
+                      Hang
+                      <span
+                        className="ant-cascader-menu-item-keyword"
+                        key="seperator"
                       >
-                        Zhejiang
-                         / 
-                        Hang
-                        <span
-                          className="ant-cascader-menu-item-keyword"
-                          key="seperator"
-                        >
-                          z
-                        </span>
-                        hou
-                         / 
-                        West Lake
-                      </li>
-                    </ul>
-                  </div>
-                </Menus>
-              </LazyRenderBox>
+                        z
+                      </span>
+                      hou
+                       / 
+                      West Lake
+                    </li>
+                  </ul>
+                </div>
+              </Menus>
             </div>
           </PopupInner>
         </Align>
-      </AnimateChild>
-    </Animate>
+      </CSSMotion>
+    </ForwardRef>
   </div>
 </Popup>
 `;
 
 exports[`Cascader should render not found content 1`] = `
 <Popup
-  action={
-    Array [
-      "click",
-    ]
-  }
   align={
     Object {
       "offset": Array [
@@ -1072,28 +1062,26 @@ exports[`Cascader should render not found content 1`] = `
   visible={true}
 >
   <div>
-    <Animate
-      animation={Object {}}
-      component=""
-      componentProps={Object {}}
-      exclusive={true}
-      onAppear={[Function]}
-      onEnd={[Function]}
-      onEnter={[Function]}
-      onLeave={[Function]}
-      showProp="xVisible"
-      transitionAppear={true}
-      transitionEnter={true}
-      transitionLeave={true}
-      transitionName="slide-up"
+    <ForwardRef
+      motionAppear={false}
+      motionEnter={false}
+      motionLeave={false}
+      motionName="slide-up"
+      onEnterEnd={[Function]}
+      onLeaveEnd={[Function]}
+      removeOnLeave={false}
+      visible={true}
     >
-      <AnimateChild
-        animation={Object {}}
-        key="popup"
-        transitionAppear={true}
-        transitionEnter={true}
-        transitionLeave={true}
-        transitionName="slide-up"
+      <CSSMotion
+        internalRef={null}
+        motionAppear={false}
+        motionEnter={false}
+        motionLeave={false}
+        motionName="slide-up"
+        onEnterEnd={[Function]}
+        onLeaveEnd={[Function]}
+        removeOnLeave={false}
+        visible={true}
       >
         <Align
           align={
@@ -1112,259 +1100,252 @@ exports[`Cascader should render not found content 1`] = `
               ],
             }
           }
-          childrenProps={
-            Object {
-              "visible": "xVisible",
-            }
-          }
-          disabled={false}
+          disabled={true}
           key="popup"
-          monitorBufferTime={50}
           monitorWindowResize={true}
           onAlign={[Function]}
           target={[Function]}
-          xVisible={true}
         >
           <PopupInner
-            className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+            className="ant-cascader-menus"
             hiddenClassName="ant-cascader-menus-hidden"
             onMouseDown={[Function]}
             onTouchStart={[Function]}
             prefixCls="ant-cascader-menus"
-            style={Object {}}
+            style={
+              Object {
+                "opacity": 0,
+                "zIndex": undefined,
+              }
+            }
             visible={true}
           >
             <div
-              className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+              className="ant-cascader-menus"
               onMouseDown={[Function]}
               onTouchStart={[Function]}
-              style={Object {}}
+              style={
+                Object {
+                  "opacity": 0,
+                  "zIndex": undefined,
+                }
+              }
             >
-              <LazyRenderBox
-                className="ant-cascader-menus-content"
-                visible={true}
-              >
-                <Menus
-                  activeValue={Array []}
-                  allowClear={true}
-                  builtinPlacements={
-                    Object {
-                      "bottomLeft": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tl",
-                          "bl",
-                        ],
+              <Menus
+                activeValue={Array []}
+                allowClear={true}
+                builtinPlacements={
+                  Object {
+                    "bottomLeft": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "bottomRight": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tr",
-                          "br",
-                        ],
+                      "points": Array [
+                        "tl",
+                        "bl",
+                      ],
+                    },
+                    "bottomRight": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topLeft": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "bl",
-                          "tl",
-                        ],
+                      "points": Array [
+                        "tr",
+                        "br",
+                      ],
+                    },
+                    "topLeft": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topRight": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "br",
-                          "tr",
-                        ],
+                      "points": Array [
+                        "bl",
+                        "tl",
+                      ],
+                    },
+                    "topRight": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                    }
-                  }
-                  defaultFieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
-                  }
-                  disabled={false}
-                  dropdownMenuColumnStyle={
-                    Object {
-                      "height": "auto",
-                      "width": 0,
-                    }
+                      "points": Array [
+                        "br",
+                        "tr",
+                      ],
+                    },
                   }
-                  expandIcon={<RightOutlined />}
-                  expandTrigger="click"
-                  fieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
+                }
+                defaultFieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  loadingIcon={
-                    <span
-                      className="ant-cascader-menu-item-loading-icon"
-                    >
-                      <RedoOutlined
-                        spin={true}
-                      />
-                    </span>
+                }
+                disabled={false}
+                dropdownMenuColumnStyle={
+                  Object {
+                    "height": "auto",
+                    "width": 0,
                   }
-                  onChange={[Function]}
-                  onItemDoubleClick={[Function]}
-                  onPopupVisibleChange={[Function]}
-                  onSelect={[Function]}
-                  options={
-                    Array [
-                      Object {
-                        "disabled": true,
-                        "label": <Context.Consumer>
-                          [Function]
-                        </Context.Consumer>,
-                        "value": "ANT_CASCADER_NOT_FOUND",
-                      },
-                    ]
+                }
+                expandIcon={<RightOutlined />}
+                expandTrigger="click"
+                fieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  popupClassName=""
-                  popupPlacement="bottomLeft"
-                  popupVisible={true}
-                  prefixCls="ant-cascader"
-                  showSearch={
+                }
+                loadingIcon={
+                  <span
+                    className="ant-cascader-menu-item-loading-icon"
+                  >
+                    <RedoOutlined
+                      spin={true}
+                    />
+                  </span>
+                }
+                onChange={[Function]}
+                onItemDoubleClick={[Function]}
+                onPopupVisibleChange={[Function]}
+                onSelect={[Function]}
+                options={
+                  Array [
                     Object {
-                      "filter": [Function],
-                    }
+                      "disabled": true,
+                      "label": <Context.Consumer>
+                        [Function]
+                      </Context.Consumer>,
+                      "value": "ANT_CASCADER_NOT_FOUND",
+                    },
+                  ]
+                }
+                popupClassName=""
+                popupPlacement="bottomLeft"
+                popupVisible={true}
+                prefixCls="ant-cascader"
+                showSearch={
+                  Object {
+                    "filter": [Function],
                   }
-                  transitionName="slide-up"
-                  value={Array []}
-                  visible={true}
-                >
-                  <div>
-                    <ul
-                      className="ant-cascader-menu"
-                      key="0"
-                      style={
-                        Object {
-                          "height": "auto",
-                          "width": 0,
-                        }
+                }
+                transitionName="slide-up"
+                value={Array []}
+                visible={true}
+              >
+                <div>
+                  <ul
+                    className="ant-cascader-menu"
+                    key="0"
+                    style={
+                      Object {
+                        "height": "auto",
+                        "width": 0,
                       }
+                    }
+                  >
+                    <li
+                      className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
+                      key="ANT_CASCADER_NOT_FOUND"
+                      onClick={[Function]}
+                      onDoubleClick={[Function]}
+                      onMouseDown={[Function]}
+                      role="menuitem"
+                      title=""
                     >
-                      <li
-                        className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
-                        key="ANT_CASCADER_NOT_FOUND"
-                        onClick={[Function]}
-                        onDoubleClick={[Function]}
-                        onMouseDown={[Function]}
-                        role="menuitem"
-                        title=""
+                      <Empty
+                        className="ant-empty-small"
+                        image={<Simple />}
                       >
-                        <Empty
-                          className="ant-empty-small"
-                          image={<Simple />}
+                        <LocaleReceiver
+                          componentName="Empty"
                         >
-                          <LocaleReceiver
-                            componentName="Empty"
+                          <div
+                            className="ant-empty ant-empty-normal ant-empty-small"
                           >
                             <div
-                              className="ant-empty ant-empty-normal ant-empty-small"
+                              className="ant-empty-image"
                             >
-                              <div
-                                className="ant-empty-image"
-                              >
-                                <Simple>
-                                  <svg
-                                    className="ant-empty-img-simple"
-                                    height="41"
-                                    viewBox="0 0 64 41"
-                                    width="64"
-                                    xmlns="http://www.w3.org/2000/svg"
+                              <Simple>
+                                <svg
+                                  className="ant-empty-img-simple"
+                                  height="41"
+                                  viewBox="0 0 64 41"
+                                  width="64"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <g
+                                    fill="none"
+                                    fillRule="evenodd"
+                                    transform="translate(0 1)"
                                   >
+                                    <ellipse
+                                      className="ant-empty-img-simple-ellipse"
+                                      cx="32"
+                                      cy="33"
+                                      rx="32"
+                                      ry="7"
+                                    />
                                     <g
-                                      fill="none"
-                                      fillRule="evenodd"
-                                      transform="translate(0 1)"
+                                      className="ant-empty-img-simple-g"
+                                      fillRule="nonzero"
                                     >
-                                      <ellipse
-                                        className="ant-empty-img-simple-ellipse"
-                                        cx="32"
-                                        cy="33"
-                                        rx="32"
-                                        ry="7"
+                                      <path
+                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                                      />
+                                      <path
+                                        className="ant-empty-img-simple-path"
+                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                                       />
-                                      <g
-                                        className="ant-empty-img-simple-g"
-                                        fillRule="nonzero"
-                                      >
-                                        <path
-                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                        />
-                                        <path
-                                          className="ant-empty-img-simple-path"
-                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                        />
-                                      </g>
                                     </g>
-                                  </svg>
-                                </Simple>
-                              </div>
-                              <p
-                                className="ant-empty-description"
-                              >
-                                No Data
-                              </p>
+                                  </g>
+                                </svg>
+                              </Simple>
                             </div>
-                          </LocaleReceiver>
-                        </Empty>
-                      </li>
-                    </ul>
-                  </div>
-                </Menus>
-              </LazyRenderBox>
+                            <p
+                              className="ant-empty-description"
+                            >
+                              No Data
+                            </p>
+                          </div>
+                        </LocaleReceiver>
+                      </Empty>
+                    </li>
+                  </ul>
+                </div>
+              </Menus>
             </div>
           </PopupInner>
         </Align>
-      </AnimateChild>
-    </Animate>
+      </CSSMotion>
+    </ForwardRef>
   </div>
 </Popup>
 `;
 
 exports[`Cascader should show not found content when options.length is 0 1`] = `
 <Popup
-  action={
-    Array [
-      "click",
-    ]
-  }
   align={
     Object {
       "offset": Array [
@@ -1395,28 +1376,26 @@ exports[`Cascader should show not found content when options.length is 0 1`] = `
   visible={true}
 >
   <div>
-    <Animate
-      animation={Object {}}
-      component=""
-      componentProps={Object {}}
-      exclusive={true}
-      onAppear={[Function]}
-      onEnd={[Function]}
-      onEnter={[Function]}
-      onLeave={[Function]}
-      showProp="xVisible"
-      transitionAppear={true}
-      transitionEnter={true}
-      transitionLeave={true}
-      transitionName="slide-up"
+    <ForwardRef
+      motionAppear={false}
+      motionEnter={false}
+      motionLeave={false}
+      motionName="slide-up"
+      onEnterEnd={[Function]}
+      onLeaveEnd={[Function]}
+      removeOnLeave={false}
+      visible={true}
     >
-      <AnimateChild
-        animation={Object {}}
-        key="popup"
-        transitionAppear={true}
-        transitionEnter={true}
-        transitionLeave={true}
-        transitionName="slide-up"
+      <CSSMotion
+        internalRef={null}
+        motionAppear={false}
+        motionEnter={false}
+        motionLeave={false}
+        motionName="slide-up"
+        onEnterEnd={[Function]}
+        onLeaveEnd={[Function]}
+        removeOnLeave={false}
+        visible={true}
       >
         <Align
           align={
@@ -1435,243 +1414,241 @@ exports[`Cascader should show not found content when options.length is 0 1`] = `
               ],
             }
           }
-          childrenProps={
-            Object {
-              "visible": "xVisible",
-            }
-          }
-          disabled={false}
+          disabled={true}
           key="popup"
-          monitorBufferTime={50}
           monitorWindowResize={true}
           onAlign={[Function]}
           target={[Function]}
-          xVisible={true}
         >
           <PopupInner
-            className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+            className="ant-cascader-menus"
             hiddenClassName="ant-cascader-menus-hidden"
             onMouseDown={[Function]}
             onTouchStart={[Function]}
             prefixCls="ant-cascader-menus"
-            style={Object {}}
+            style={
+              Object {
+                "opacity": 0,
+                "zIndex": undefined,
+              }
+            }
             visible={true}
           >
             <div
-              className="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+              className="ant-cascader-menus"
               onMouseDown={[Function]}
               onTouchStart={[Function]}
-              style={Object {}}
+              style={
+                Object {
+                  "opacity": 0,
+                  "zIndex": undefined,
+                }
+              }
             >
-              <LazyRenderBox
-                className="ant-cascader-menus-content"
-                visible={true}
-              >
-                <Menus
-                  activeValue={Array []}
-                  allowClear={true}
-                  builtinPlacements={
-                    Object {
-                      "bottomLeft": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tl",
-                          "bl",
-                        ],
+              <Menus
+                activeValue={Array []}
+                allowClear={true}
+                builtinPlacements={
+                  Object {
+                    "bottomLeft": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "bottomRight": Object {
-                        "offset": Array [
-                          0,
-                          4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "tr",
-                          "br",
-                        ],
+                      "points": Array [
+                        "tl",
+                        "bl",
+                      ],
+                    },
+                    "bottomRight": Object {
+                      "offset": Array [
+                        0,
+                        4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topLeft": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "bl",
-                          "tl",
-                        ],
+                      "points": Array [
+                        "tr",
+                        "br",
+                      ],
+                    },
+                    "topLeft": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                      "topRight": Object {
-                        "offset": Array [
-                          0,
-                          -4,
-                        ],
-                        "overflow": Object {
-                          "adjustX": 1,
-                          "adjustY": 1,
-                        },
-                        "points": Array [
-                          "br",
-                          "tr",
-                        ],
+                      "points": Array [
+                        "bl",
+                        "tl",
+                      ],
+                    },
+                    "topRight": Object {
+                      "offset": Array [
+                        0,
+                        -4,
+                      ],
+                      "overflow": Object {
+                        "adjustX": 1,
+                        "adjustY": 1,
                       },
-                    }
+                      "points": Array [
+                        "br",
+                        "tr",
+                      ],
+                    },
                   }
-                  defaultFieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
+                }
+                defaultFieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  disabled={false}
-                  dropdownMenuColumnStyle={
-                    Object {
-                      "height": "auto",
-                      "width": 0,
-                    }
-                  }
-                  expandIcon={<RightOutlined />}
-                  expandTrigger="click"
-                  fieldNames={
-                    Object {
-                      "children": "children",
-                      "label": "label",
-                      "value": "value",
-                    }
+                }
+                disabled={false}
+                dropdownMenuColumnStyle={
+                  Object {
+                    "height": "auto",
+                    "width": 0,
                   }
-                  loadingIcon={
-                    <span
-                      className="ant-cascader-menu-item-loading-icon"
-                    >
-                      <RedoOutlined
-                        spin={true}
-                      />
-                    </span>
+                }
+                expandIcon={<RightOutlined />}
+                expandTrigger="click"
+                fieldNames={
+                  Object {
+                    "children": "children",
+                    "label": "label",
+                    "value": "value",
                   }
-                  onChange={[Function]}
-                  onItemDoubleClick={[Function]}
-                  onPopupVisibleChange={[Function]}
-                  onSelect={[Function]}
-                  options={
-                    Array [
+                }
+                loadingIcon={
+                  <span
+                    className="ant-cascader-menu-item-loading-icon"
+                  >
+                    <RedoOutlined
+                      spin={true}
+                    />
+                  </span>
+                }
+                onChange={[Function]}
+                onItemDoubleClick={[Function]}
+                onPopupVisibleChange={[Function]}
+                onSelect={[Function]}
+                options={
+                  Array [
+                    Object {
+                      "disabled": true,
+                      "label": <Context.Consumer>
+                        [Function]
+                      </Context.Consumer>,
+                      "value": "ANT_CASCADER_NOT_FOUND",
+                    },
+                  ]
+                }
+                popupClassName=""
+                popupPlacement="bottomLeft"
+                popupVisible={true}
+                prefixCls="ant-cascader"
+                transitionName="slide-up"
+                value={Array []}
+                visible={true}
+              >
+                <div>
+                  <ul
+                    className="ant-cascader-menu"
+                    key="0"
+                    style={
                       Object {
-                        "disabled": true,
-                        "label": <Context.Consumer>
-                          [Function]
-                        </Context.Consumer>,
-                        "value": "ANT_CASCADER_NOT_FOUND",
-                      },
-                    ]
-                  }
-                  popupClassName=""
-                  popupPlacement="bottomLeft"
-                  popupVisible={true}
-                  prefixCls="ant-cascader"
-                  transitionName="slide-up"
-                  value={Array []}
-                  visible={true}
-                >
-                  <div>
-                    <ul
-                      className="ant-cascader-menu"
-                      key="0"
-                      style={
-                        Object {
-                          "height": "auto",
-                          "width": 0,
-                        }
+                        "height": "auto",
+                        "width": 0,
                       }
+                    }
+                  >
+                    <li
+                      className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
+                      key="ANT_CASCADER_NOT_FOUND"
+                      onClick={[Function]}
+                      onDoubleClick={[Function]}
+                      onMouseDown={[Function]}
+                      role="menuitem"
+                      title=""
                     >
-                      <li
-                        className="ant-cascader-menu-item ant-cascader-menu-item-disabled"
-                        key="ANT_CASCADER_NOT_FOUND"
-                        onClick={[Function]}
-                        onDoubleClick={[Function]}
-                        onMouseDown={[Function]}
-                        role="menuitem"
-                        title=""
+                      <Empty
+                        className="ant-empty-small"
+                        image={<Simple />}
                       >
-                        <Empty
-                          className="ant-empty-small"
-                          image={<Simple />}
+                        <LocaleReceiver
+                          componentName="Empty"
                         >
-                          <LocaleReceiver
-                            componentName="Empty"
+                          <div
+                            className="ant-empty ant-empty-normal ant-empty-small"
                           >
                             <div
-                              className="ant-empty ant-empty-normal ant-empty-small"
+                              className="ant-empty-image"
                             >
-                              <div
-                                className="ant-empty-image"
-                              >
-                                <Simple>
-                                  <svg
-                                    className="ant-empty-img-simple"
-                                    height="41"
-                                    viewBox="0 0 64 41"
-                                    width="64"
-                                    xmlns="http://www.w3.org/2000/svg"
+                              <Simple>
+                                <svg
+                                  className="ant-empty-img-simple"
+                                  height="41"
+                                  viewBox="0 0 64 41"
+                                  width="64"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <g
+                                    fill="none"
+                                    fillRule="evenodd"
+                                    transform="translate(0 1)"
                                   >
+                                    <ellipse
+                                      className="ant-empty-img-simple-ellipse"
+                                      cx="32"
+                                      cy="33"
+                                      rx="32"
+                                      ry="7"
+                                    />
                                     <g
-                                      fill="none"
-                                      fillRule="evenodd"
-                                      transform="translate(0 1)"
+                                      className="ant-empty-img-simple-g"
+                                      fillRule="nonzero"
                                     >
-                                      <ellipse
-                                        className="ant-empty-img-simple-ellipse"
-                                        cx="32"
-                                        cy="33"
-                                        rx="32"
-                                        ry="7"
+                                      <path
+                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                                      />
+                                      <path
+                                        className="ant-empty-img-simple-path"
+                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                                       />
-                                      <g
-                                        className="ant-empty-img-simple-g"
-                                        fillRule="nonzero"
-                                      >
-                                        <path
-                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                        />
-                                        <path
-                                          className="ant-empty-img-simple-path"
-                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                        />
-                                      </g>
                                     </g>
-                                  </svg>
-                                </Simple>
-                              </div>
-                              <p
-                                className="ant-empty-description"
-                              >
-                                No Data
-                              </p>
+                                  </g>
+                                </svg>
+                              </Simple>
                             </div>
-                          </LocaleReceiver>
-                        </Empty>
-                      </li>
-                    </ul>
-                  </div>
-                </Menus>
-              </LazyRenderBox>
+                            <p
+                              className="ant-empty-description"
+                            >
+                              No Data
+                            </p>
+                          </div>
+                        </LocaleReceiver>
+                      </Empty>
+                    </li>
+                  </ul>
+                </div>
+              </Menus>
             </div>
           </PopupInner>
         </Align>
-      </AnimateChild>
-    </Animate>
+      </CSSMotion>
+    </ForwardRef>
   </div>
 </Popup>
 `;
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 09312d352f..7cebed6258 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -9132,7 +9132,8 @@ exports[`ConfigProvider components Popconfirm configProvider 1`] = `
   </span>
   <div>
     <div
-      class="config-popover  config-popover-placement-top "
+      class="config-popover"
+      style="opacity:0"
     >
       <div
         class="config-popover-content"
@@ -9213,7 +9214,8 @@ exports[`ConfigProvider components Popconfirm normal 1`] = `
   </span>
   <div>
     <div
-      class="ant-popover  ant-popover-placement-top "
+      class="ant-popover"
+      style="opacity:0"
     >
       <div
         class="ant-popover-content"
@@ -9294,7 +9296,8 @@ exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
   </span>
   <div>
     <div
-      class="prefix-Popconfirm  prefix-Popconfirm-placement-top "
+      class="prefix-Popconfirm"
+      style="opacity:0"
     >
       <div
         class="prefix-Popconfirm-content"
@@ -9375,7 +9378,8 @@ exports[`ConfigProvider components Popover configProvider 1`] = `
   </span>
   <div>
     <div
-      class="config-popover  config-popover-placement-top "
+      class="config-popover"
+      style="opacity:0"
     >
       <div
         class="config-popover-content"
@@ -9408,7 +9412,8 @@ exports[`ConfigProvider components Popover normal 1`] = `
   </span>
   <div>
     <div
-      class="ant-popover  ant-popover-placement-top "
+      class="ant-popover"
+      style="opacity:0"
     >
       <div
         class="ant-popover-content"
@@ -9441,7 +9446,8 @@ exports[`ConfigProvider components Popover prefixCls 1`] = `
   </span>
   <div>
     <div
-      class="prefix-Popover  prefix-Popover-placement-top "
+      class="prefix-Popover"
+      style="opacity:0"
     >
       <div
         class="prefix-Popover-content"
@@ -10656,7 +10662,8 @@ exports[`ConfigProvider components Select configProvider 1`] = `
   </div>
   <div>
     <div
-      class="config-select-dropdown  config-select-dropdown-placement-bottomLeft "
+      class="config-select-dropdown"
+      style="opacity:0"
     >
       <div>
         <div
@@ -10773,7 +10780,8 @@ exports[`ConfigProvider components Select normal 1`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown  ant-select-dropdown-placement-bottomLeft "
+      class="ant-select-dropdown"
+      style="opacity:0"
     >
       <div>
         <div
@@ -10890,7 +10898,8 @@ exports[`ConfigProvider components Select prefixCls 1`] = `
   </div>
   <div>
     <div
-      class="prefix-Select-dropdown  prefix-Select-dropdown-placement-bottomLeft "
+      class="prefix-Select-dropdown"
+      style="opacity:0"
     >
       <div>
         <div
@@ -11087,7 +11096,8 @@ exports[`ConfigProvider components Slider configProvider 1`] = `
   />
   <div>
     <div
-      class="config-tooltip config-slider-tooltip config-tooltip-placement-top "
+      class="config-tooltip config-slider-tooltip"
+      style="opacity:0"
     >
       <div
         class="config-tooltip-content"
@@ -11136,7 +11146,8 @@ exports[`ConfigProvider components Slider normal 1`] = `
   />
   <div>
     <div
-      class="ant-tooltip ant-slider-tooltip ant-tooltip-placement-top "
+      class="ant-tooltip ant-slider-tooltip"
+      style="opacity:0"
     >
       <div
         class="ant-tooltip-content"
@@ -11185,7 +11196,8 @@ exports[`ConfigProvider components Slider prefixCls 1`] = `
   />
   <div>
     <div
-      class="prefix-Slider-tooltip prefix-Slider-tooltip prefix-Slider-tooltip-placement-top "
+      class="prefix-Slider-tooltip prefix-Slider-tooltip"
+      style="opacity:0"
     >
       <div
         class="prefix-Slider-tooltip-content"
@@ -11622,8 +11634,8 @@ exports[`ConfigProvider components Table configProvider 1`] = `
                         </span>
                         <div>
                           <div
-                            class="config-dropdown  config-dropdown-placement-bottomRight "
-                            style="visibility:hidden"
+                            class="config-dropdown"
+                            style="opacity:0"
                           >
                             <div
                               class="config-table-filter-dropdown"
@@ -11958,8 +11970,8 @@ exports[`ConfigProvider components Table normal 1`] = `
                         </span>
                         <div>
                           <div
-                            class="ant-dropdown  ant-dropdown-placement-bottomRight "
-                            style="visibility:hidden"
+                            class="ant-dropdown"
+                            style="opacity:0"
                           >
                             <div
                               class="ant-table-filter-dropdown"
@@ -12294,8 +12306,8 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
                         </span>
                         <div>
                           <div
-                            class="ant-dropdown  ant-dropdown-placement-bottomRight "
-                            style="visibility:hidden"
+                            class="ant-dropdown"
+                            style="opacity:0"
                           >
                             <div
                               class="prefix-Table-filter-dropdown"
@@ -12987,7 +12999,8 @@ Array [
   </span>,
   <div>
     <div
-      class="config-time-picker-panel config-time-picker-panel-column-3 config-time-picker-panel-placement-bottomLeft "
+      class="config-time-picker-panel config-time-picker-panel-column-3"
+      style="opacity:0"
     >
       <div
         class="config-time-picker-panel-inner"
@@ -14079,7 +14092,8 @@ Array [
   </span>,
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft "
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity:0"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -15171,7 +15185,8 @@ Array [
   </span>,
   <div>
     <div
-      class="prefix-TimePicker-panel prefix-TimePicker-panel-column-3 prefix-TimePicker-panel-placement-bottomLeft "
+      class="prefix-TimePicker-panel prefix-TimePicker-panel-column-3"
+      style="opacity:0"
     >
       <div
         class="prefix-TimePicker-panel-inner"
@@ -16296,7 +16311,8 @@ Array [
   </span>,
   <div>
     <div
-      class="config-tooltip  config-tooltip-placement-top "
+      class="config-tooltip"
+      style="opacity:0"
     >
       <div
         class="config-tooltip-content"
@@ -16325,7 +16341,8 @@ Array [
   </span>,
   <div>
     <div
-      class="ant-tooltip  ant-tooltip-placement-top "
+      class="ant-tooltip"
+      style="opacity:0"
     >
       <div
         class="ant-tooltip-content"
@@ -16354,7 +16371,8 @@ Array [
   </span>,
   <div>
     <div
-      class="prefix-Tooltip  prefix-Tooltip-placement-top "
+      class="prefix-Tooltip"
+      style="opacity:0"
     >
       <div
         class="prefix-Tooltip-content"
@@ -17448,7 +17466,8 @@ exports[`ConfigProvider components TreeSelect configProvider 1`] = `
   </div>
   <div>
     <div
-      class="config-select-dropdown config-tree-select-dropdown config-select-dropdown-placement-bottomLeft "
+      class="config-select-dropdown config-tree-select-dropdown"
+      style="opacity:0"
     >
       <div>
         <div>
@@ -17558,7 +17577,8 @@ exports[`ConfigProvider components TreeSelect normal 1`] = `
   </div>
   <div>
     <div
-      class="ant-select-dropdown ant-tree-select-dropdown ant-select-dropdown-placement-bottomLeft "
+      class="ant-select-dropdown ant-tree-select-dropdown"
+      style="opacity:0"
     >
       <div>
         <div>
@@ -17668,7 +17688,8 @@ exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
   </div>
   <div>
     <div
-      class="prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown-placement-bottomLeft "
+      class="prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown"
+      style="opacity:0"
     >
       <div>
         <div>
diff --git a/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap b/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
index c588e0f32d..edcbe13346 100644
--- a/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
@@ -39,9 +39,7 @@ exports[`DatePicker prop locale should works 1`] = `
 <span
   class="ant-calendar-picker"
 >
-  <div
-    style=""
-  >
+  <div>
     <input
       class="ant-calendar-picker-input ant-input"
       placeholder="Избери дата"
@@ -92,8 +90,8 @@ exports[`DatePicker prop locale should works 1`] = `
   </div>
   <div>
     <div
-      class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1002px;"
+      class="ant-calendar-picker-container"
+      style="opacity: 0;"
     >
       <div
         class="ant-calendar"
diff --git a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
index e2f35553a0..5db40e1583 100644
--- a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
@@ -54,7 +54,8 @@ exports[`RangePicker customize separator 1`] = `
 exports[`RangePicker show month panel according to value 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+    class="ant-calendar-picker-container"
+    style="opacity:0"
   >
     <div
       class="ant-calendar-time ant-calendar ant-calendar-range"
@@ -1559,7 +1560,8 @@ exports[`RangePicker show month panel according to value 1`] = `
 exports[`RangePicker switch to corresponding month panel when click presetted ranges 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+    class="ant-calendar-picker-container"
+    style="opacity:0"
   >
     <div
       class="ant-calendar-time ant-calendar-range-with-ranges ant-calendar ant-calendar-range"
diff --git a/components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap b/components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap
index 583696dc11..782aed9539 100644
--- a/components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap
@@ -3,7 +3,8 @@
 exports[`WeekPicker should support dateRender 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+    class="ant-calendar-picker-container"
+    style="opacity:0"
   >
     <div
       class="ant-calendar ant-calendar-week-number"
diff --git a/components/date-picker/__tests__/__snapshots__/other.test.js.snap b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
index c75cbb0473..78765228d9 100644
--- a/components/date-picker/__tests__/__snapshots__/other.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
@@ -3,7 +3,8 @@
 exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+    class="ant-calendar-picker-container"
+    style="opacity:0"
   >
     <div
       class="ant-calendar ant-calendar-month ant-calendar-month-calendar"
@@ -267,7 +268,8 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
 exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+    class="ant-calendar-picker-container"
+    style="opacity:0"
   >
     <div
       class="ant-calendar ant-calendar-week-number"
diff --git a/components/list/__tests__/__snapshots__/pagination.test.js.snap b/components/list/__tests__/__snapshots__/pagination.test.js.snap
index bbfe4b85df..59cc6683e9 100644
--- a/components/list/__tests__/__snapshots__/pagination.test.js.snap
+++ b/components/list/__tests__/__snapshots__/pagination.test.js.snap
@@ -337,7 +337,6 @@ exports[`List.pagination should change page size work 2`] = `
     >
       <div
         class="ant-select-selector"
-        style=""
       >
         <span
           class="ant-select-selection-search"
@@ -365,8 +364,8 @@ exports[`List.pagination should change page size work 2`] = `
       </div>
       <div>
         <div
-          class="ant-select-dropdown  ant-select-dropdown-placement-bottomLeft  ant-select-dropdown-hidden"
-          style="width: 0px; left: -999px; top: -995px;"
+          class="ant-select-dropdown"
+          style="width: 0px;"
         >
           <div>
             <div
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index 8ce0fd1e38..941f3719a8 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -5,9 +5,7 @@ exports[`Locale Provider set moment locale when locale changes 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
@@ -58,8 +56,8 @@ exports[`Locale Provider set moment locale when locale changes 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -839,9 +837,7 @@ exports[`Locale Provider set moment locale when locale changes 2`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Sélectionner une date"
@@ -892,8 +888,8 @@ exports[`Locale Provider set moment locale when locale changes 2`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -1673,9 +1669,7 @@ exports[`Locale Provider set moment locale when locale changes 3`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select date"
@@ -1726,8 +1720,8 @@ exports[`Locale Provider set moment locale when locale changes 3`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -2735,9 +2729,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="اختيار التاريخ"
@@ -2767,8 +2759,8 @@ exports[`Locale Provider should display the text as ar 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -3542,7 +3534,6 @@ exports[`Locale Provider should display the text as ar 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -3581,8 +3572,8 @@ exports[`Locale Provider should display the text as ar 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -4636,7 +4627,6 @@ exports[`Locale Provider should display the text as ar 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -4680,8 +4670,8 @@ exports[`Locale Provider should display the text as ar 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -6167,14 +6157,13 @@ exports[`Locale Provider should display the text as ar 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -8160,9 +8149,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Избор на дата"
@@ -8192,8 +8179,8 @@ exports[`Locale Provider should display the text as bg 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -8967,7 +8954,6 @@ exports[`Locale Provider should display the text as bg 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -9006,8 +8992,8 @@ exports[`Locale Provider should display the text as bg 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -10061,7 +10047,6 @@ exports[`Locale Provider should display the text as bg 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -10105,8 +10090,8 @@ exports[`Locale Provider should display the text as bg 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -11592,14 +11577,13 @@ exports[`Locale Provider should display the text as bg 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -13585,9 +13569,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Seleccionar data"
@@ -13617,8 +13599,8 @@ exports[`Locale Provider should display the text as ca 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -14392,7 +14374,6 @@ exports[`Locale Provider should display the text as ca 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -14431,8 +14412,8 @@ exports[`Locale Provider should display the text as ca 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -15486,7 +15467,6 @@ exports[`Locale Provider should display the text as ca 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -15530,8 +15510,8 @@ exports[`Locale Provider should display the text as ca 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -17017,14 +16997,13 @@ exports[`Locale Provider should display the text as ca 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -19010,9 +18989,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Vybrat datum"
@@ -19042,8 +19019,8 @@ exports[`Locale Provider should display the text as cs 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -19817,7 +19794,6 @@ exports[`Locale Provider should display the text as cs 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -19856,8 +19832,8 @@ exports[`Locale Provider should display the text as cs 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -20911,7 +20887,6 @@ exports[`Locale Provider should display the text as cs 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -20955,8 +20930,8 @@ exports[`Locale Provider should display the text as cs 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -22442,14 +22417,13 @@ exports[`Locale Provider should display the text as cs 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -24435,9 +24409,7 @@ exports[`Locale Provider should display the text as da 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Vælg dato"
@@ -24467,8 +24439,8 @@ exports[`Locale Provider should display the text as da 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -25242,7 +25214,6 @@ exports[`Locale Provider should display the text as da 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -25281,8 +25252,8 @@ exports[`Locale Provider should display the text as da 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -26336,7 +26307,6 @@ exports[`Locale Provider should display the text as da 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -26380,8 +26350,8 @@ exports[`Locale Provider should display the text as da 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -27867,14 +27837,13 @@ exports[`Locale Provider should display the text as da 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -29860,9 +29829,7 @@ exports[`Locale Provider should display the text as de 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Datum auswählen"
@@ -29892,8 +29859,8 @@ exports[`Locale Provider should display the text as de 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -30667,7 +30634,6 @@ exports[`Locale Provider should display the text as de 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -30706,8 +30672,8 @@ exports[`Locale Provider should display the text as de 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -31761,7 +31727,6 @@ exports[`Locale Provider should display the text as de 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -31805,8 +31770,8 @@ exports[`Locale Provider should display the text as de 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -33292,14 +33257,13 @@ exports[`Locale Provider should display the text as de 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -35285,9 +35249,7 @@ exports[`Locale Provider should display the text as el 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Επιλέξτε ημερομηνία"
@@ -35317,8 +35279,8 @@ exports[`Locale Provider should display the text as el 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -36092,7 +36054,6 @@ exports[`Locale Provider should display the text as el 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -36131,8 +36092,8 @@ exports[`Locale Provider should display the text as el 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -37186,7 +37147,6 @@ exports[`Locale Provider should display the text as el 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -37230,8 +37190,8 @@ exports[`Locale Provider should display the text as el 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -38717,14 +38677,13 @@ exports[`Locale Provider should display the text as el 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -40710,9 +40669,7 @@ exports[`Locale Provider should display the text as en 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select date"
@@ -40742,8 +40699,8 @@ exports[`Locale Provider should display the text as en 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -41517,7 +41474,6 @@ exports[`Locale Provider should display the text as en 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -41556,8 +41512,8 @@ exports[`Locale Provider should display the text as en 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -42611,7 +42567,6 @@ exports[`Locale Provider should display the text as en 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -42655,8 +42610,8 @@ exports[`Locale Provider should display the text as en 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -44142,14 +44097,13 @@ exports[`Locale Provider should display the text as en 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -46135,9 +46089,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select date"
@@ -46167,8 +46119,8 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -46942,7 +46894,6 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -46981,8 +46932,8 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -48036,7 +47987,6 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -48080,8 +48030,8 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -49567,14 +49517,13 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -51560,9 +51509,7 @@ exports[`Locale Provider should display the text as es 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Seleccionar fecha"
@@ -51592,8 +51539,8 @@ exports[`Locale Provider should display the text as es 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -52367,7 +52314,6 @@ exports[`Locale Provider should display the text as es 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -52406,8 +52352,8 @@ exports[`Locale Provider should display the text as es 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -53461,7 +53407,6 @@ exports[`Locale Provider should display the text as es 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -53505,8 +53450,8 @@ exports[`Locale Provider should display the text as es 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -54992,14 +54937,13 @@ exports[`Locale Provider should display the text as es 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -56985,9 +56929,7 @@ exports[`Locale Provider should display the text as et 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Vali kuupäev"
@@ -57017,8 +56959,8 @@ exports[`Locale Provider should display the text as et 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -57792,7 +57734,6 @@ exports[`Locale Provider should display the text as et 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -57831,8 +57772,8 @@ exports[`Locale Provider should display the text as et 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -58886,7 +58827,6 @@ exports[`Locale Provider should display the text as et 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -58930,8 +58870,8 @@ exports[`Locale Provider should display the text as et 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -60417,14 +60357,13 @@ exports[`Locale Provider should display the text as et 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -62410,9 +62349,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="انتخاب تاریخ"
@@ -62442,8 +62379,8 @@ exports[`Locale Provider should display the text as fa 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -63217,7 +63154,6 @@ exports[`Locale Provider should display the text as fa 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -63256,8 +63192,8 @@ exports[`Locale Provider should display the text as fa 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -64311,7 +64247,6 @@ exports[`Locale Provider should display the text as fa 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -64355,8 +64290,8 @@ exports[`Locale Provider should display the text as fa 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -65842,14 +65777,13 @@ exports[`Locale Provider should display the text as fa 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -67835,9 +67769,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Valitse päivä"
@@ -67867,8 +67799,8 @@ exports[`Locale Provider should display the text as fi 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -68642,7 +68574,6 @@ exports[`Locale Provider should display the text as fi 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -68681,8 +68612,8 @@ exports[`Locale Provider should display the text as fi 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -69736,7 +69667,6 @@ exports[`Locale Provider should display the text as fi 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -69780,8 +69710,8 @@ exports[`Locale Provider should display the text as fi 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -71267,14 +71197,13 @@ exports[`Locale Provider should display the text as fi 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -73260,9 +73189,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Sélectionner une date"
@@ -73292,8 +73219,8 @@ exports[`Locale Provider should display the text as fr 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -74067,7 +73994,6 @@ exports[`Locale Provider should display the text as fr 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -74106,8 +74032,8 @@ exports[`Locale Provider should display the text as fr 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -75161,7 +75087,6 @@ exports[`Locale Provider should display the text as fr 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -75205,8 +75130,8 @@ exports[`Locale Provider should display the text as fr 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -76692,14 +76617,13 @@ exports[`Locale Provider should display the text as fr 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -78685,9 +78609,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Sélectionner une date"
@@ -78717,8 +78639,8 @@ exports[`Locale Provider should display the text as fr 2`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -79492,7 +79414,6 @@ exports[`Locale Provider should display the text as fr 2`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -79531,8 +79452,8 @@ exports[`Locale Provider should display the text as fr 2`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -80586,7 +80507,6 @@ exports[`Locale Provider should display the text as fr 2`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -80630,8 +80550,8 @@ exports[`Locale Provider should display the text as fr 2`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -82117,14 +82037,13 @@ exports[`Locale Provider should display the text as fr 2`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -84110,9 +84029,7 @@ exports[`Locale Provider should display the text as he 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="בחר תאריך"
@@ -84142,8 +84059,8 @@ exports[`Locale Provider should display the text as he 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -84917,7 +84834,6 @@ exports[`Locale Provider should display the text as he 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -84956,8 +84872,8 @@ exports[`Locale Provider should display the text as he 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -86011,7 +85927,6 @@ exports[`Locale Provider should display the text as he 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -86055,8 +85970,8 @@ exports[`Locale Provider should display the text as he 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -87542,14 +87457,13 @@ exports[`Locale Provider should display the text as he 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -89535,9 +89449,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="तारीख़ चुनें"
@@ -89567,8 +89479,8 @@ exports[`Locale Provider should display the text as hi 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -90342,7 +90254,6 @@ exports[`Locale Provider should display the text as hi 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -90381,8 +90292,8 @@ exports[`Locale Provider should display the text as hi 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -91436,7 +91347,6 @@ exports[`Locale Provider should display the text as hi 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -91480,8 +91390,8 @@ exports[`Locale Provider should display the text as hi 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -92967,14 +92877,13 @@ exports[`Locale Provider should display the text as hi 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -94960,9 +94869,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Odaberite datum"
@@ -94992,8 +94899,8 @@ exports[`Locale Provider should display the text as hr 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -95767,7 +95674,6 @@ exports[`Locale Provider should display the text as hr 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -95806,8 +95712,8 @@ exports[`Locale Provider should display the text as hr 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -96861,7 +96767,6 @@ exports[`Locale Provider should display the text as hr 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -96905,8 +96810,8 @@ exports[`Locale Provider should display the text as hr 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -98392,14 +98297,13 @@ exports[`Locale Provider should display the text as hr 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -100385,9 +100289,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Válasszon dátumot"
@@ -100417,8 +100319,8 @@ exports[`Locale Provider should display the text as hu 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -101192,7 +101094,6 @@ exports[`Locale Provider should display the text as hu 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -101231,8 +101132,8 @@ exports[`Locale Provider should display the text as hu 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -102286,7 +102187,6 @@ exports[`Locale Provider should display the text as hu 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -102330,8 +102230,8 @@ exports[`Locale Provider should display the text as hu 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -103817,14 +103717,13 @@ exports[`Locale Provider should display the text as hu 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -105810,9 +105709,7 @@ exports[`Locale Provider should display the text as hy 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Ընտրեք ամսաթիվը"
@@ -105842,8 +105739,8 @@ exports[`Locale Provider should display the text as hy 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -106617,7 +106514,6 @@ exports[`Locale Provider should display the text as hy 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -106656,8 +106552,8 @@ exports[`Locale Provider should display the text as hy 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -107711,7 +107607,6 @@ exports[`Locale Provider should display the text as hy 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -107755,8 +107650,8 @@ exports[`Locale Provider should display the text as hy 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -109242,14 +109137,13 @@ exports[`Locale Provider should display the text as hy 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -111235,9 +111129,7 @@ exports[`Locale Provider should display the text as id 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Pilih tanggal"
@@ -111267,8 +111159,8 @@ exports[`Locale Provider should display the text as id 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -112042,7 +111934,6 @@ exports[`Locale Provider should display the text as id 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -112081,8 +111972,8 @@ exports[`Locale Provider should display the text as id 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -113136,7 +113027,6 @@ exports[`Locale Provider should display the text as id 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -113180,8 +113070,8 @@ exports[`Locale Provider should display the text as id 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -114667,14 +114557,13 @@ exports[`Locale Provider should display the text as id 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -116660,9 +116549,7 @@ exports[`Locale Provider should display the text as is 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Veldu dag"
@@ -116692,8 +116579,8 @@ exports[`Locale Provider should display the text as is 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -117467,7 +117354,6 @@ exports[`Locale Provider should display the text as is 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -117506,8 +117392,8 @@ exports[`Locale Provider should display the text as is 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -118561,7 +118447,6 @@ exports[`Locale Provider should display the text as is 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -118605,8 +118490,8 @@ exports[`Locale Provider should display the text as is 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -120092,14 +119977,13 @@ exports[`Locale Provider should display the text as is 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -122085,9 +121969,7 @@ exports[`Locale Provider should display the text as it 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Selezionare la data"
@@ -122117,8 +121999,8 @@ exports[`Locale Provider should display the text as it 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -122892,7 +122774,6 @@ exports[`Locale Provider should display the text as it 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -122931,8 +122812,8 @@ exports[`Locale Provider should display the text as it 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -123986,7 +123867,6 @@ exports[`Locale Provider should display the text as it 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -124030,8 +123910,8 @@ exports[`Locale Provider should display the text as it 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -125517,14 +125397,13 @@ exports[`Locale Provider should display the text as it 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -127510,9 +127389,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="日付を選択"
@@ -127542,8 +127419,8 @@ exports[`Locale Provider should display the text as ja 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -128317,7 +128194,6 @@ exports[`Locale Provider should display the text as ja 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -128356,8 +128232,8 @@ exports[`Locale Provider should display the text as ja 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -129411,7 +129287,6 @@ exports[`Locale Provider should display the text as ja 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -129455,8 +129330,8 @@ exports[`Locale Provider should display the text as ja 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -130942,14 +130817,13 @@ exports[`Locale Provider should display the text as ja 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -132935,9 +132809,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="ದಿನಾಂಕ ಆಯ್ಕೆಮಾಡಿ"
@@ -132967,8 +132839,8 @@ exports[`Locale Provider should display the text as kn 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -133742,7 +133614,6 @@ exports[`Locale Provider should display the text as kn 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -133781,8 +133652,8 @@ exports[`Locale Provider should display the text as kn 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -134836,7 +134707,6 @@ exports[`Locale Provider should display the text as kn 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -134880,8 +134750,8 @@ exports[`Locale Provider should display the text as kn 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -136367,14 +136237,13 @@ exports[`Locale Provider should display the text as kn 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -138360,9 +138229,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="날짜 선택"
@@ -138392,8 +138259,8 @@ exports[`Locale Provider should display the text as ko 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -139167,7 +139034,6 @@ exports[`Locale Provider should display the text as ko 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -139206,8 +139072,8 @@ exports[`Locale Provider should display the text as ko 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -140261,7 +140127,6 @@ exports[`Locale Provider should display the text as ko 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -140305,8 +140170,8 @@ exports[`Locale Provider should display the text as ko 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -141792,14 +141657,13 @@ exports[`Locale Provider should display the text as ko 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -143785,9 +143649,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Dîrok hilbijêre"
@@ -143817,8 +143679,8 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -144592,7 +144454,6 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -144631,8 +144492,8 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -145686,7 +145547,6 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -145730,8 +145590,8 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -147217,14 +147077,13 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -149210,9 +149069,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Izvēlieties datumu"
@@ -149242,8 +149099,8 @@ exports[`Locale Provider should display the text as lv 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -150017,7 +149874,6 @@ exports[`Locale Provider should display the text as lv 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -150056,8 +149912,8 @@ exports[`Locale Provider should display the text as lv 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -151111,7 +150967,6 @@ exports[`Locale Provider should display the text as lv 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -151155,8 +151010,8 @@ exports[`Locale Provider should display the text as lv 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -152642,14 +152497,13 @@ exports[`Locale Provider should display the text as lv 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -154635,9 +154489,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Избери датум"
@@ -154667,8 +154519,8 @@ exports[`Locale Provider should display the text as mk 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -155442,7 +155294,6 @@ exports[`Locale Provider should display the text as mk 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -155481,8 +155332,8 @@ exports[`Locale Provider should display the text as mk 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -156536,7 +156387,6 @@ exports[`Locale Provider should display the text as mk 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -156580,8 +156430,8 @@ exports[`Locale Provider should display the text as mk 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -158067,14 +157917,13 @@ exports[`Locale Provider should display the text as mk 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -160060,9 +159909,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Огноо сонгох"
@@ -160092,8 +159939,8 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -160867,7 +160714,6 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -160906,8 +160752,8 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -161961,7 +161807,6 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -162005,8 +161850,8 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -163492,14 +163337,13 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -165485,9 +165329,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Pilih tarikh"
@@ -165517,8 +165359,8 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -166292,7 +166134,6 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -166331,8 +166172,8 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -167386,7 +167227,6 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -167430,8 +167270,8 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -168917,14 +168757,13 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -170910,9 +170749,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Velg dato"
@@ -170942,8 +170779,8 @@ exports[`Locale Provider should display the text as nb 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -171717,7 +171554,6 @@ exports[`Locale Provider should display the text as nb 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -171756,8 +171592,8 @@ exports[`Locale Provider should display the text as nb 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -172811,7 +172647,6 @@ exports[`Locale Provider should display the text as nb 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -172855,8 +172690,8 @@ exports[`Locale Provider should display the text as nb 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -174342,14 +174177,13 @@ exports[`Locale Provider should display the text as nb 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -176335,9 +176169,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select date"
@@ -176367,8 +176199,8 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -177142,7 +176974,6 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -177181,8 +177012,8 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -178236,7 +178067,6 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -178280,8 +178110,8 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -179767,14 +179597,13 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -181760,9 +181589,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Selecteer datum"
@@ -181792,8 +181619,8 @@ exports[`Locale Provider should display the text as nl 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -182567,7 +182394,6 @@ exports[`Locale Provider should display the text as nl 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -182606,8 +182432,8 @@ exports[`Locale Provider should display the text as nl 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -183661,7 +183487,6 @@ exports[`Locale Provider should display the text as nl 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -183705,8 +183530,8 @@ exports[`Locale Provider should display the text as nl 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -185192,14 +185017,13 @@ exports[`Locale Provider should display the text as nl 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -187185,9 +187009,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Selecteer datum"
@@ -187217,8 +187039,8 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -187992,7 +187814,6 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -188031,8 +187852,8 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -189086,7 +188907,6 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -189130,8 +188950,8 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -190617,14 +190437,13 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -192610,9 +192429,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Wybierz datę"
@@ -192642,8 +192459,8 @@ exports[`Locale Provider should display the text as pl 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -193417,7 +193234,6 @@ exports[`Locale Provider should display the text as pl 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -193456,8 +193272,8 @@ exports[`Locale Provider should display the text as pl 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -194511,7 +194327,6 @@ exports[`Locale Provider should display the text as pl 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -194555,8 +194370,8 @@ exports[`Locale Provider should display the text as pl 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -196042,14 +195857,13 @@ exports[`Locale Provider should display the text as pl 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -198035,9 +197849,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Data"
@@ -198067,8 +197879,8 @@ exports[`Locale Provider should display the text as pt 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -198842,7 +198654,6 @@ exports[`Locale Provider should display the text as pt 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -198881,8 +198692,8 @@ exports[`Locale Provider should display the text as pt 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -199936,7 +199747,6 @@ exports[`Locale Provider should display the text as pt 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -199980,8 +199790,8 @@ exports[`Locale Provider should display the text as pt 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -201467,14 +201277,13 @@ exports[`Locale Provider should display the text as pt 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -203460,9 +203269,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Selecionar data"
@@ -203492,8 +203299,8 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -204267,7 +204074,6 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -204306,8 +204112,8 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -205361,7 +205167,6 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -205405,8 +205210,8 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -206892,14 +206697,13 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -208885,9 +208689,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Selectează data"
@@ -208917,8 +208719,8 @@ exports[`Locale Provider should display the text as ro 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -209692,7 +209494,6 @@ exports[`Locale Provider should display the text as ro 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -209731,8 +209532,8 @@ exports[`Locale Provider should display the text as ro 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -210786,7 +210587,6 @@ exports[`Locale Provider should display the text as ro 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -210830,8 +210630,8 @@ exports[`Locale Provider should display the text as ro 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -212317,14 +212117,13 @@ exports[`Locale Provider should display the text as ro 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -214310,9 +214109,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Выберите дату"
@@ -214342,8 +214139,8 @@ exports[`Locale Provider should display the text as ru 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -215117,7 +214914,6 @@ exports[`Locale Provider should display the text as ru 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -215156,8 +214952,8 @@ exports[`Locale Provider should display the text as ru 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -216211,7 +216007,6 @@ exports[`Locale Provider should display the text as ru 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -216255,8 +216050,8 @@ exports[`Locale Provider should display the text as ru 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -217742,14 +217537,13 @@ exports[`Locale Provider should display the text as ru 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -219735,9 +219529,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Vybrať dátum"
@@ -219767,8 +219559,8 @@ exports[`Locale Provider should display the text as sk 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -220542,7 +220334,6 @@ exports[`Locale Provider should display the text as sk 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -220581,8 +220372,8 @@ exports[`Locale Provider should display the text as sk 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -221636,7 +221427,6 @@ exports[`Locale Provider should display the text as sk 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -221680,8 +221470,8 @@ exports[`Locale Provider should display the text as sk 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -223167,14 +222957,13 @@ exports[`Locale Provider should display the text as sk 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -225160,9 +224949,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Izberite datum"
@@ -225192,8 +224979,8 @@ exports[`Locale Provider should display the text as sl 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -225967,7 +225754,6 @@ exports[`Locale Provider should display the text as sl 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -226006,8 +225792,8 @@ exports[`Locale Provider should display the text as sl 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -227061,7 +226847,6 @@ exports[`Locale Provider should display the text as sl 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -227105,8 +226890,8 @@ exports[`Locale Provider should display the text as sl 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -228592,14 +228377,13 @@ exports[`Locale Provider should display the text as sl 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -230585,9 +230369,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Izaberite datum"
@@ -230617,8 +230399,8 @@ exports[`Locale Provider should display the text as sr 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -231392,7 +231174,6 @@ exports[`Locale Provider should display the text as sr 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -231431,8 +231212,8 @@ exports[`Locale Provider should display the text as sr 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -232486,7 +232267,6 @@ exports[`Locale Provider should display the text as sr 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -232530,8 +232310,8 @@ exports[`Locale Provider should display the text as sr 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -234017,14 +233797,13 @@ exports[`Locale Provider should display the text as sr 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -236010,9 +235789,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Välj datum"
@@ -236042,8 +235819,8 @@ exports[`Locale Provider should display the text as sv 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -236817,7 +236594,6 @@ exports[`Locale Provider should display the text as sv 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -236856,8 +236632,8 @@ exports[`Locale Provider should display the text as sv 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -237911,7 +237687,6 @@ exports[`Locale Provider should display the text as sv 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -237955,8 +237730,8 @@ exports[`Locale Provider should display the text as sv 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -239442,14 +239217,13 @@ exports[`Locale Provider should display the text as sv 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -241435,9 +241209,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="தேதியைத் தேர்ந்தெடுக்கவும்"
@@ -241467,8 +241239,8 @@ exports[`Locale Provider should display the text as ta 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -242242,7 +242014,6 @@ exports[`Locale Provider should display the text as ta 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -242281,8 +242052,8 @@ exports[`Locale Provider should display the text as ta 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -243336,7 +243107,6 @@ exports[`Locale Provider should display the text as ta 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -243380,8 +243150,8 @@ exports[`Locale Provider should display the text as ta 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -244867,14 +244637,13 @@ exports[`Locale Provider should display the text as ta 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -246860,9 +246629,7 @@ exports[`Locale Provider should display the text as th 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="เลือกวันที่"
@@ -246892,8 +246659,8 @@ exports[`Locale Provider should display the text as th 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -247667,7 +247434,6 @@ exports[`Locale Provider should display the text as th 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -247706,8 +247472,8 @@ exports[`Locale Provider should display the text as th 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -248761,7 +248527,6 @@ exports[`Locale Provider should display the text as th 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -248805,8 +248570,8 @@ exports[`Locale Provider should display the text as th 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -250292,14 +250057,13 @@ exports[`Locale Provider should display the text as th 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -252285,9 +252049,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Tarih Seç"
@@ -252317,8 +252079,8 @@ exports[`Locale Provider should display the text as tr 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -253092,7 +252854,6 @@ exports[`Locale Provider should display the text as tr 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -253131,8 +252892,8 @@ exports[`Locale Provider should display the text as tr 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -254186,7 +253947,6 @@ exports[`Locale Provider should display the text as tr 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -254230,8 +253990,8 @@ exports[`Locale Provider should display the text as tr 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -255717,14 +255477,13 @@ exports[`Locale Provider should display the text as tr 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -257710,9 +257469,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Оберіть дату"
@@ -257742,8 +257499,8 @@ exports[`Locale Provider should display the text as uk 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -258517,7 +258274,6 @@ exports[`Locale Provider should display the text as uk 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -258556,8 +258312,8 @@ exports[`Locale Provider should display the text as uk 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -259611,7 +259367,6 @@ exports[`Locale Provider should display the text as uk 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -259655,8 +259410,8 @@ exports[`Locale Provider should display the text as uk 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -261142,14 +260897,13 @@ exports[`Locale Provider should display the text as uk 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -263135,9 +262889,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Chọn thời điểm"
@@ -263167,8 +262919,8 @@ exports[`Locale Provider should display the text as vi 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -263942,7 +263694,6 @@ exports[`Locale Provider should display the text as vi 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -263981,8 +263732,8 @@ exports[`Locale Provider should display the text as vi 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -265036,7 +264787,6 @@ exports[`Locale Provider should display the text as vi 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -265080,8 +264830,8 @@ exports[`Locale Provider should display the text as vi 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -266567,14 +266317,13 @@ exports[`Locale Provider should display the text as vi 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -268560,9 +268309,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
@@ -268592,8 +268339,8 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -269367,7 +269114,6 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -269406,8 +269152,8 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -270461,7 +270207,6 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -270505,8 +270250,8 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -271992,14 +271737,13 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
@@ -273985,9 +273729,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      style=""
-    >
+    <div>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="請選擇日期"
@@ -274017,8 +273759,8 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
     </div>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar"
@@ -274792,7 +274534,6 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
   </span>
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -274831,8 +274572,8 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
   </span>
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
@@ -275886,7 +275627,6 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
   >
     <span
       class="ant-calendar-picker-input ant-input"
-      style=""
     >
       <input
         class="ant-calendar-range-picker-input"
@@ -275930,8 +275670,8 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
     </span>
     <div>
       <div
-        class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
-        style="left: -999px; top: -1002px;"
+        class="ant-calendar-picker-container"
+        style="opacity: 0;"
       >
         <div
           class="ant-calendar ant-calendar-range"
@@ -277417,14 +277157,13 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
   </span>
   <a
     class="ant-popover-open"
-    style=""
   >
     Click to confirm
   </a>
   <div>
     <div
-      class="ant-popover ant-popover-placement-top zoom-big-appear"
-      style="left: -999px; top: -1003px; transform-origin: 50% 4px;"
+      class="ant-popover"
+      style="opacity: 0;"
     >
       <div
         class="ant-popover-content"
diff --git a/components/menu/__tests__/index.test.js b/components/menu/__tests__/index.test.js
index be62d4cb4f..5cb410c584 100644
--- a/components/menu/__tests__/index.test.js
+++ b/components/menu/__tests__/index.test.js
@@ -725,7 +725,12 @@ describe('Menu', () => {
     wrapper.setProps({ inlineCollapsed: true });
     jest.runAllTimers();
     wrapper.update();
-    expect(wrapper.find('.ant-menu-submenu-popup:not(.ant-menu-submenu-hidden)').length).toBe(0);
+    expect(
+      wrapper
+        .find('Trigger')
+        .map(node => node.prop('popupVisible'))
+        .findIndex(node => !!node),
+    ).toBe(-1);
     wrapper.setProps({ inlineCollapsed: false });
     expect(wrapper.find('.ant-menu-item-selected').getDOMNode().textContent).toBe('Option 2');
     jest.useRealTimers();
diff --git a/components/popconfirm/__tests__/index.test.js b/components/popconfirm/__tests__/index.test.js
index 958faece72..0e1c3db6c5 100644
--- a/components/popconfirm/__tests__/index.test.js
+++ b/components/popconfirm/__tests__/index.test.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import Popconfirm from '..';
 import mountTest from '../../../tests/shared/mountTest';
+import { sleep } from '../../../tests/utils';
 
 describe('Popconfirm', () => {
   mountTest(Popconfirm);
@@ -36,7 +37,7 @@ describe('Popconfirm', () => {
     expect(onVisibleChange).toHaveBeenLastCalledWith(false, undefined);
   });
 
-  it('should show overlay when trigger is clicked', () => {
+  it('should show overlay when trigger is clicked', async () => {
     const popconfirm = mount(
       <Popconfirm title="code">
         <span>show me your code</span>
@@ -46,6 +47,7 @@ describe('Popconfirm', () => {
     expect(popconfirm.instance().getPopupDomNode()).toBe(null);
 
     popconfirm.find('span').simulate('click');
+    await sleep(100);
 
     const popup = popconfirm.instance().getPopupDomNode();
     expect(popup).not.toBe(null);
@@ -67,7 +69,7 @@ describe('Popconfirm', () => {
     expect(popconfirm.instance().getPopupDomNode().className).not.toContain('ant-popover-hidden');
     popconfirm.setProps({ visible: false });
     jest.runAllTimers();
-    expect(popconfirm.instance().getPopupDomNode().className).toContain('ant-popover-hidden');
+    expect(popconfirm.find('Trigger').props().popupVisible).toBe(false);
     jest.useRealTimers();
   });
 
diff --git a/components/popover/__tests__/index.test.js b/components/popover/__tests__/index.test.js
index 0e742f4092..700dc56747 100644
--- a/components/popover/__tests__/index.test.js
+++ b/components/popover/__tests__/index.test.js
@@ -2,11 +2,12 @@ import React from 'react';
 import { mount } from 'enzyme';
 import Popover from '..';
 import mountTest from '../../../tests/shared/mountTest';
+import { sleep } from '../../../tests/utils';
 
 describe('Popover', () => {
   mountTest(Popover);
 
-  it('should show overlay when trigger is clicked', () => {
+  it('should show overlay when trigger is clicked', async () => {
     const popover = mount(
       <Popover content="console.log('hello world')" title="code" trigger="click">
         <span>show me your code</span>
@@ -16,6 +17,7 @@ describe('Popover', () => {
     expect(popover.instance().getPopupDomNode()).toBe(null);
 
     popover.find('span').simulate('click');
+    await sleep(100);
 
     const popup = popover.instance().getPopupDomNode();
     expect(popup).not.toBe(null);
diff --git a/components/popover/index.tsx b/components/popover/index.tsx
index ce51dbe7d6..babf1eb5b0 100644
--- a/components/popover/index.tsx
+++ b/components/popover/index.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Tooltip, { AbstractTooltipProps, TooltipPlacement, TooltipTrigger } from '../tooltip';
+import Tooltip, { AbstractTooltipProps, TooltipPlacement } from '../tooltip';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
 export interface PopoverProps extends AbstractTooltipProps {
@@ -11,7 +11,7 @@ export default class Popover extends React.Component<PopoverProps, {}> {
   static defaultProps = {
     placement: 'top' as TooltipPlacement,
     transitionName: 'zoom-big',
-    trigger: 'hover' as TooltipTrigger,
+    trigger: 'hover',
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
     overlayStyle: {},
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index b0508b9c26..eff1a739a4 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -955,7 +955,8 @@ exports[`renders ./components/slider/demo/show-tooltip.md correctly 1`] = `
   />
   <div>
     <div
-      class="ant-tooltip ant-slider-tooltip ant-tooltip-placement-top "
+      class="ant-tooltip ant-slider-tooltip"
+      style="opacity:0"
     >
       <div
         class="ant-tooltip-content"
diff --git a/components/slider/__tests__/__snapshots__/index.test.js.snap b/components/slider/__tests__/__snapshots__/index.test.js.snap
index 0d0c97c0b7..f79a188d8c 100644
--- a/components/slider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/index.test.js.snap
@@ -3,7 +3,8 @@
 exports[`Slider should show tooltip when hovering slider handler 1`] = `
 <div>
   <div
-    class="ant-tooltip ant-slider-tooltip ant-tooltip-placement-top "
+    class="ant-tooltip ant-slider-tooltip"
+    style="opacity:0"
   >
     <div
       class="ant-tooltip-content"
@@ -25,7 +26,7 @@ exports[`Slider should show tooltip when hovering slider handler 1`] = `
 exports[`Slider should show tooltip when hovering slider handler 2`] = `
 <div>
   <div
-    class="ant-tooltip ant-slider-tooltip ant-tooltip-placement-top  ant-tooltip-hidden"
+    class="ant-tooltip ant-slider-tooltip ant-tooltip-hidden"
   >
     <div
       class="ant-tooltip-content"
diff --git a/components/table/__tests__/Table.filter.test.js b/components/table/__tests__/Table.filter.test.js
index e748e355d4..6a1486cd12 100644
--- a/components/table/__tests__/Table.filter.test.js
+++ b/components/table/__tests__/Table.filter.test.js
@@ -451,6 +451,14 @@ describe('Table.filter', () => {
         wrapper.find('.confirm').simulate('click');
         wrapper.update();
 
+        expect(
+          wrapper
+            .find('FilterDropdown')
+            .find('Checkbox')
+            .at(0)
+            .props().checked,
+        ).toEqual(true);
+
         expect(typeof wrapper.find('FilterDropdown').props().filterState.filteredKeys[0]).toEqual(
           'string',
         );
@@ -471,7 +479,7 @@ describe('Table.filter', () => {
             .find('Checkbox')
             .at(0)
             .props().checked,
-        ).toEqual(true);
+        ).toEqual(false);
         jest.useRealTimers();
       });
     });
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 05a0d802e8..4533d89213 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -35,8 +35,7 @@ exports[`Table.filter override custom filter correctly 1`] = `
 exports[`Table.filter renders custom content correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomRight  ant-dropdown-hidden"
-    style="visibility: hidden;"
+    class="ant-dropdown ant-dropdown-hidden"
   >
     <div
       class="ant-table-filter-dropdown"
@@ -191,8 +190,7 @@ exports[`Table.filter renders filter correctly 1`] = `
 exports[`Table.filter renders menu correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomRight  ant-dropdown-hidden"
-    style="visibility: hidden;"
+    class="ant-dropdown ant-dropdown-hidden"
   >
     <div
       class="ant-table-filter-dropdown"
@@ -288,8 +286,7 @@ exports[`Table.filter renders menu correctly 1`] = `
 exports[`Table.filter renders radio filter correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomRight  ant-dropdown-hidden"
-    style="visibility: hidden;"
+    class="ant-dropdown ant-dropdown-hidden"
   >
     <div
       class="ant-table-filter-dropdown"
@@ -426,7 +423,6 @@ exports[`Table.filter should support getPopupContainer 1`] = `
                         <span
                           class="ant-table-filter-trigger ant-dropdown-trigger"
                           role="button"
-                          style=""
                           tabindex="-1"
                         >
                           <span
@@ -452,8 +448,8 @@ exports[`Table.filter should support getPopupContainer 1`] = `
                         </span>
                         <div>
                           <div
-                            class="ant-dropdown ant-dropdown-placement-bottomRight"
-                            style="left: -999px; top: -995px; min-width: 0;"
+                            class="ant-dropdown"
+                            style="opacity: 0;"
                           >
                             <div
                               class="ant-table-filter-dropdown"
@@ -642,7 +638,6 @@ exports[`Table.filter should support getPopupContainer from ConfigProvider 1`] =
                         <span
                           class="ant-table-filter-trigger ant-dropdown-trigger"
                           role="button"
-                          style=""
                           tabindex="-1"
                         >
                           <span
@@ -668,8 +663,8 @@ exports[`Table.filter should support getPopupContainer from ConfigProvider 1`] =
                         </span>
                         <div>
                           <div
-                            class="ant-dropdown ant-dropdown-placement-bottomRight"
-                            style="left: -999px; top: -995px; min-width: 0;"
+                            class="ant-dropdown"
+                            style="opacity: 0;"
                           >
                             <div
                               class="ant-table-filter-dropdown"
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index 2a46e91cba..86b1fece21 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -531,8 +531,7 @@ exports[`Table.rowSelection fix selection column on the left when any other colu
 exports[`Table.rowSelection render with default selection correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
-    style="visibility:hidden"
+    class="ant-dropdown ant-dropdown-hidden"
   >
     <ul
       class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
diff --git a/components/time-picker/__tests__/__snapshots__/index.test.js.snap b/components/time-picker/__tests__/__snapshots__/index.test.js.snap
index 942cb7986f..b4667cd9c6 100644
--- a/components/time-picker/__tests__/__snapshots__/index.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/index.test.js.snap
@@ -45,7 +45,6 @@ exports[`TimePicker prop locale should works 1`] = `
 Array [
   <span
     class="ant-time-picker"
-    style=""
   >
     <input
       class="ant-time-picker-input"
@@ -105,8 +104,8 @@ Array [
   </span>,
   <div>
     <div
-      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft slide-up-appear"
-      style="left: -999px; top: -1001px;"
+      class="ant-time-picker-panel ant-time-picker-panel-column-3"
+      style="opacity: 0;"
     >
       <div
         class="ant-time-picker-panel-inner"
diff --git a/components/tooltip/index.tsx b/components/tooltip/index.tsx
index a82465fc18..54642460ba 100644
--- a/components/tooltip/index.tsx
+++ b/components/tooltip/index.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { polyfill } from 'react-lifecycles-compat';
 import RcTooltip from 'rc-tooltip';
 import classNames from 'classnames';
+import { AlignType, ActionType, BuildInPlacements } from 'rc-trigger/lib/interface';
 import getPlacements, { AdjustOverflow, PlacementsConfig } from './placements';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
@@ -21,8 +22,6 @@ export type TooltipPlacement =
   | 'rightTop'
   | 'rightBottom';
 
-export type TooltipTrigger = 'hover' | 'focus' | 'click' | 'contextMenu';
-
 // https://github.com/react-component/tooltip
 // https://github.com/yiminghe/dom-align
 export interface TooltipAlignConfig {
@@ -42,14 +41,14 @@ export interface AbstractTooltipProps {
   className?: string;
   overlayStyle?: React.CSSProperties;
   placement?: TooltipPlacement;
-  builtinPlacements?: Object;
+  builtinPlacements?: BuildInPlacements;
   defaultVisible?: boolean;
   visible?: boolean;
   onVisibleChange?: (visible: boolean) => void;
   mouseEnterDelay?: number;
   mouseLeaveDelay?: number;
   transitionName?: string;
-  trigger?: TooltipTrigger;
+  trigger?: ActionType;
   openClassName?: string;
   arrowPointAtCenter?: boolean;
   autoAdjustOverflow?: boolean | AdjustOverflow;
@@ -58,7 +57,7 @@ export interface AbstractTooltipProps {
   getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
   children?: React.ReactNode;
   // align is a more higher api
-  align?: TooltipAlignConfig;
+  align?: AlignType;
   /** Internal. Hide tooltip when hidden. This will be renamed in future. */
   destroyTooltipOnHide?: boolean;
 }
@@ -174,7 +173,7 @@ class Tooltip extends React.Component<TooltipProps, any> {
   };
 
   getPopupDomNode() {
-    return this.tooltip.getPopupDomNode();
+    return (this.tooltip as any).getPopupDomNode();
   }
 
   getPlacements() {
diff --git a/components/tooltip/placements.tsx b/components/tooltip/placements.tsx
index 86fc30109c..b2ad960236 100644
--- a/components/tooltip/placements.tsx
+++ b/components/tooltip/placements.tsx
@@ -1,4 +1,5 @@
-import { placements as rcPlacements } from 'rc-tooltip/lib/placements';
+import { placements } from 'rc-tooltip/lib/placements';
+import { BuildInPlacements } from 'rc-trigger';
 
 const autoAdjustOverflowEnabled = {
   adjustX: 1,
@@ -42,7 +43,7 @@ export default function getPlacements(config: PlacementsConfig = {}) {
     verticalArrowShift = 12,
     autoAdjustOverflow = true,
   } = config;
-  const placementMap: any = {
+  const placementMap: BuildInPlacements = {
     left: {
       points: ['cr', 'cl'],
       offset: [-4, 0],
@@ -100,7 +101,7 @@ export default function getPlacements(config: PlacementsConfig = {}) {
           targetOffset,
         }
       : {
-          ...rcPlacements[key],
+          ...placements[key],
           overflow: getOverflowOptions(autoAdjustOverflow),
         };
 
diff --git a/package.json b/package.json
index 23cf7afe41..f90a4bcb86 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,7 @@
     "rc-dropdown": "~3.0.0-alpha.0",
     "rc-field-form": "^0.0.0-alpha.17",
     "rc-input-number": "~4.5.0",
-    "rc-mentions": "~0.4.0",
+    "rc-mentions": "~1.0.0-alpha.0",
     "rc-menu": "~8.0.0-alpha.4",
     "rc-notification": "~3.3.1",
     "rc-pagination": "~1.20.11",
@@ -130,10 +130,10 @@
     "rc-table": "~7.0.0-alpha.20",
     "rc-tabs": "~9.7.0",
     "rc-time-picker": "~4.0.0-alpha.2",
-    "rc-tooltip": "~3.7.3",
+    "rc-tooltip": "~4.0.0-alpha.3",
     "rc-tree": "~3.0.0-alpha.37",
     "rc-tree-select": "~3.0.0-alpha.5",
-    "rc-trigger": "^2.6.2",
+    "rc-trigger": "~4.0.0-alpha.6",
     "rc-upload": "~2.9.1",
     "rc-util": "^4.10.0",
     "rc-virtual-list": "^0.0.0-alpha.25",
diff --git a/tests/__mocks__/rc-trigger.js b/tests/__mocks__/rc-trigger.js
index f95903057d..323030759e 100644
--- a/tests/__mocks__/rc-trigger.js
+++ b/tests/__mocks__/rc-trigger.js
@@ -1,7 +1,3 @@
-/* eslint-disable no-underscore-dangle */
-/* eslint-disable react/no-this-in-sfc */
-
-const TriggerMock = require('rc-trigger/lib/mock'); // eslint-disable-line
-const Trigger = TriggerMock;
+import Trigger from 'rc-trigger/lib/mock';
 
 export default Trigger;
diff --git a/typings/custom-typings.d.ts b/typings/custom-typings.d.ts
index 5a6dac3669..bcafe85f9d 100644
--- a/typings/custom-typings.d.ts
+++ b/typings/custom-typings.d.ts
@@ -25,8 +25,6 @@ declare module 'rc-tabs*';
 declare module 'rc-tree';
 declare module 'rc-tree/lib/util';
 
-declare module 'rc-tooltip*';
-
 declare module 'rc-calendar';
 
 declare module 'rc-input-number';