fix(tooltip): correct tooltip visibility state management for fadeOut animation

Author: Zneeky

src/components/tooltip/tooltip.ts

@@ -285,9 +285,9 @@ export default class IgcTooltipComponent extends EventEmitterMixin<
 
     await this._setDelay(this.hideDelay);
 
-    this.open = false;
     this.toBeHidden = true;
     const result = await this._toggleAnimation('close');
+    this.open = false;
     this.toBeHidden = false;
 
     return result;

stories/tooltip.stories.ts

@@ -294,18 +294,22 @@ export const Toggle: Story = {
     // Use a template ref id to target the tooltip instance
     const tooltipId = 'toggle-tooltip';
     const buttonId = 'toggle-button';
+    const buttonIdToggler = 'toggler-button';
 
     // Hook into the rendered DOM to attach click listener
     setTimeout(() => {
       const tooltip = document.getElementById(tooltipId) as IgcTooltipComponent;
-      const button = document.getElementById(buttonId) as HTMLButtonElement;
+      const button = document.getElementById(
+        buttonIdToggler
+      ) as HTMLButtonElement;
 
       if (tooltip && button) {
         button.addEventListener('click', () => tooltip.toggle());
       }
     });
 
     return html`
+      <igc-button id=${buttonIdToggler}>Toggle</igc-button>
       <igc-button id=${buttonId}>Toggle Tooltip</igc-button>
       <igc-tooltip
         id=${tooltipId}