fix: fix popover content autoFocus (#1223)

packages/semi-foundation/dropdown/dropdown.scss

@@ -12,10 +12,10 @@ $module: #{$prefix}-dropdown;
         z-index: $z-dropdown;
         border-radius: $radius-dropdown;
         background: $color-dropdown-bg-default;
-        visibility: hidden;
+        opacity: 0;
         // min-width: 150px;
         &-show {
-            visibility: visible;
+            opacity: 1;
         }
     }
     &-trigger {

packages/semi-foundation/popover/popover.scss

@@ -47,10 +47,10 @@ $module-icon: #{$module}-icon-arrow;
         border-radius: $radius-popover;
         // padding: $spacing-extra-tight $spacing-tight;
         @include font-size-regular;
-        visibility: hidden;
+        opacity: 0;
 
         &-show {
-            visibility: visible;
+            opacity: 1;
         }
     }
 

packages/semi-foundation/tooltip/tooltip.scss

@@ -67,11 +67,11 @@ $module-icon: #{$module}-icon-arrow;
         top: 0;
 
         @include font-size-regular;
-        visibility: hidden;
+        opacity: 0;
         max-width: $width-tooltip;
 
         &-show {
-            visibility: visible;
+            opacity: 1;
         }
     }
 

packages/semi-ui/tooltip/index.tsx

@@ -578,7 +578,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
 
                             className={classNames(className, animationClassName)}
                             style={{
-                                visibility: isPositionUpdated?'visible':"hidden",
+                                opacity: isPositionUpdated?'1':"0",
                                 ...animationStyle,
                                 transformOrigin,
                                 ...style,