chore: update overlay directive story

Author: TarunAdobe

.changeset/eight-coats-read.md

@@ -2,4 +2,4 @@
 '@spectrum-web-components/overlay': patch
 ---
 
-Sets this.listenerHost = this.target in overlay-trigger-directive’s overridden update() when a listenerHost is not already defined. This prevents type errors during the reconnected flow when listenerHost is required but unset.
+Guards `OverlayTriggerDirective`'s `reconnected()` implementation so it only calls `init()` after an overlay instance exists. This prevents type errors during the reconnected flow when `listenerHost` would otherwise be unset because the overlay is not yet ready.

1st-gen/packages/overlay/stories/overlay-directive.stories.ts

@@ -53,6 +53,7 @@ import './overlay-story-components.js';
 import { tooltip } from '@spectrum-web-components/tooltip/src/tooltip-directive.js';
 import { ifDefined } from '@spectrum-web-components/base/src/directives.js';
 import { state } from '@spectrum-web-components/base/src/decorators.js';
+import { cache } from 'lit/directives/cache.js';
 
 const storyStyles = html`
     <style>
@@ -314,7 +315,7 @@ class ManagedOverlayTrigger extends LitElement {
                 Create Overlay Render Button And Open Overlay
             </sp-button>
 
-            ${this.isRenderOverlay ? this.renderOverlayButton() : html``}
+            ${cache(this.isRenderOverlay ? this.renderOverlayButton() : html``)}
         `;
     }