test delay animation

packages/react/src/TooltipV2/Tooltip.tsx

@@ -16,7 +16,7 @@ const animationStyles = `
   animation-duration: 0.1s;
   animation-fill-mode: forwards;
   animation-timing-function: ease-in;
-  animation-delay: 0s;
+  animation-delay: 1s;
 `
 
 const StyledTooltip = styled.div`
@@ -198,6 +198,7 @@ export const Tooltip = React.forwardRef(
     const openTooltip = () => {
       if (tooltipElRef.current && triggerRef.current && !tooltipElRef.current.matches(':popover-open')) {
         tooltipElRef.current.showPopover()
+        console.log('popover open', tooltipElRef.current.matches(':popover-open'))
       }
     }
     const closeTooltip = () => {
@@ -252,13 +253,11 @@ export const Tooltip = React.forwardRef(
       }
 
       const positionSet = () => {
-        console.log('top', tooltip.style.top)
-        console.log('left', tooltip.style.left)
-
         const {top, left, anchorAlign, anchorSide} = getAnchoredPosition(tooltip, trigger, settings)
 
         tooltip.style.top = `${top}px`
         tooltip.style.left = `${left}px`
+        console.log('positionSet')
         // This is required to make sure the popover is positioned correctly i.e. when there is not enough space on the specified direction, we set a new direction to position the ::after
         const calculatedDirection = positionToDirection[`${anchorSide}-${anchorAlign}` as string]
         setCalculatedDirection(calculatedDirection)
@@ -267,8 +266,8 @@ export const Tooltip = React.forwardRef(
       tooltip.addEventListener('toggle', event => {
         // @ts-ignore for now
         if (event.newState === 'open') {
-          positionSet()
           console.log('Popover has been shown')
+          positionSet()
         } else {
           console.log('Popover has been hidden')
         }