diff --git a/package.json b/package.json
index d7bc5f57..25226714 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/tree-select",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "tree-select ui component for react",
   "keywords": [
     "react",
@@ -43,7 +43,7 @@
     "*": "prettier --write --ignore-unknown"
   },
   "dependencies": {
-    "@rc-component/select": "~1.8.0",
+    "@rc-component/select": "~1.9.0",
     "@rc-component/tree": "~1.3.2",
     "@rc-component/util": "^1.11.1",
     "clsx": "^2.1.1"
diff --git a/tests/Select.checkable.spec.tsx b/tests/Select.checkable.spec.tsx
index 181c200a..2e5a427c 100644
--- a/tests/Select.checkable.spec.tsx
+++ b/tests/Select.checkable.spec.tsx
@@ -242,9 +242,9 @@ describe('TreeSelect.checkable', () => {
     selectNode(0);
     search(container, 'foo');
 
-    // Clear all using mouseDown (same as wrapper.clearAll())
+    // Clear all using click (same as wrapper.clearAll())
     const clearButton = container.querySelector('.rc-tree-select-clear')!;
-    fireEvent.mouseDown(clearButton);
+    fireEvent.click(clearButton);
 
     // Check that no items are selected
     expect(container.querySelectorAll('.rc-tree-select-selection-item')).toHaveLength(0);
diff --git a/tests/__snapshots__/Select.checkable.spec.tsx.snap b/tests/__snapshots__/Select.checkable.spec.tsx.snap
index e65699e8..0b789c0c 100644
--- a/tests/__snapshots__/Select.checkable.spec.tsx.snap
+++ b/tests/__snapshots__/Select.checkable.spec.tsx.snap
@@ -288,7 +288,6 @@ exports[`TreeSelect.checkable uncheck remove by selector not treeCheckStrictly 2
       >
         <div
           class="rc-tree-select-placeholder"
-          style="visibility: visible;"
         />
       </div>
       <div
@@ -776,7 +775,6 @@ exports[`TreeSelect.checkable uncheck remove by tree check 2`] = `
       >
         <div
           class="rc-tree-select-placeholder"
-          style="visibility: visible;"
         />
       </div>
       <div
diff --git a/tests/__snapshots__/Select.multiple.spec.js.snap b/tests/__snapshots__/Select.multiple.spec.js.snap
index 74db1c9c..ced2082c 100644
--- a/tests/__snapshots__/Select.multiple.spec.js.snap
+++ b/tests/__snapshots__/Select.multiple.spec.js.snap
@@ -13,7 +13,6 @@ exports[`TreeSelect.multiple can hide search box by showSearch = false 1`] = `
     >
       <div
         class="rc-tree-select-placeholder"
-        style="visibility: visible;"
       />
     </div>
     <div
diff --git a/tests/__snapshots__/Select.spec.tsx.snap b/tests/__snapshots__/Select.spec.tsx.snap
index c420d90a..2c44e536 100644
--- a/tests/__snapshots__/Select.spec.tsx.snap
+++ b/tests/__snapshots__/Select.spec.tsx.snap
@@ -9,7 +9,6 @@ exports[`TreeSelect.basic render renders TreeNode correctly 1`] = `
   >
     <div
       class="rc-tree-select-placeholder"
-      style="visibility: visible;"
     />
     <input
       aria-autocomplete="list"
@@ -38,7 +37,6 @@ exports[`TreeSelect.basic render renders TreeNode correctly with falsy child 1`]
   >
     <div
       class="rc-tree-select-placeholder"
-      style="visibility: visible;"
     />
     <input
       aria-autocomplete="list"
@@ -72,7 +70,6 @@ exports[`TreeSelect.basic render renders correctly 1`] = `
     >
       <div
         class="awesome-placeholder"
-        style="visibility: visible;"
       />
     </div>
     <div
@@ -106,7 +103,6 @@ exports[`TreeSelect.basic render renders disabled correctly 1`] = `
   >
     <div
       class="rc-tree-select-placeholder"
-      style="visibility: visible;"
     />
     <input
       aria-autocomplete="list"
@@ -139,7 +135,6 @@ exports[`TreeSelect.basic render renders tree correctly 1`] = `
       >
         <div
           class="rc-tree-select-placeholder"
-          style="visibility: visible;"
         />
       </div>
       <div
@@ -381,7 +376,6 @@ exports[`TreeSelect.basic render renders treeDataSimpleMode correctly 1`] = `
     >
       <div
         class="rc-tree-select-placeholder"
-        style="visibility: visible;"
       />
       <input
         aria-autocomplete="list"
@@ -636,7 +630,7 @@ exports[`TreeSelect.basic search nodes check tree changed by filter 2`] = `
     >
       <div
         class="rc-tree-select-placeholder"
-        style="visibility: visible;"
+        style=""
       />
       <input
         aria-autocomplete="list"
@@ -913,7 +907,6 @@ exports[`TreeSelect.basic search nodes renders search input 1`] = `
   >
     <div
       class="rc-tree-select-placeholder"
-      style="visibility: visible;"
     />
     <input
       aria-autocomplete="list"
diff --git a/tests/util.tsx b/tests/util.tsx
index cc17ef8e..85fa0815 100644
--- a/tests/util.tsx
+++ b/tests/util.tsx
@@ -62,7 +62,7 @@ export function clearSelection(element: HTMLElement, index = 0) {
 }
 
 export function clearAll(element: HTMLElement) {
-  fireEvent.mouseDown(element.querySelector('.rc-tree-select-clear')!);
+  fireEvent.click(element.querySelector('.rc-tree-select-clear')!);
 }
 
 export function getSelections(element: HTMLElement = document.body) {