fix tooltip hoist position

docs/resources/changelog.md

@@ -14,6 +14,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Fixed a bug in `<sl-tab-group>` where the divider was on the wrong side when using `placement="end"`
 - Fixed a bug in `<sl-tab-group>` that caused nested tab groups to scroll when using `placement="start|end"` [#815](https://github.com/shoelace-style/shoelace/issues/815)
 - Fixed a bug in `<sl-tooltip>` that caused the target to be lost after a slot change [#831](https://github.com/shoelace-style/shoelace/pull/831)
+- Fixed a bug in `<sl-tooltip>` that caused the position to be incorrect on the first show when using `hoist`
 - Improved accessibility of `<sl-tab-group>`, `<sl-tab>`, and `<sl-tab-panel>` to announce better in screen readers and by allowing focus on disabled items
 - Improved accessibility of `<sl-menu>` and `<sl-menu-item>` by allowing focus on disabled items
 - Updated Bootstrap Icons to 1.9.1

src/components/tooltip/tooltip.ts

@@ -268,7 +268,7 @@ export default class SlTooltip extends LitElement {
 
   private startPositioner() {
     this.stopPositioner();
-    this.updatePositioner();
+    requestAnimationFrame(() => this.updatePositioner());
     this.positionerCleanup = autoUpdate(this.target, this.positioner, this.updatePositioner.bind(this));
   }