From 35dc6d6687148b66d682c0ebc517c844dde604d9 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Mon, 25 Sep 2023 18:22:59 +0800
Subject: [PATCH] fix: unexpected hover behavior of collection sidebar (#4490)

---
 .../src/components/app-sidebar/menu-item/index.css.ts       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/component/src/components/app-sidebar/menu-item/index.css.ts b/packages/component/src/components/app-sidebar/menu-item/index.css.ts
index 067ce7c814..ca7764d96e 100644
--- a/packages/component/src/components/app-sidebar/menu-item/index.css.ts
+++ b/packages/component/src/components/app-sidebar/menu-item/index.css.ts
@@ -62,10 +62,12 @@ export const content = style({
 
 export const postfix = style({
   justifySelf: 'flex-end',
-  visibility: 'hidden',
+  opacity: 0,
+  pointerEvents: 'none',
   selectors: {
     [`${root}:hover &`]: {
-      visibility: 'visible',
+      opacity: 1,
+      pointerEvents: 'all',
     },
   },
 });