When Opening A <sl-dropdown> With hoist Set For The First Time, <sl-menu> Is Strangely Positioned

[Zozman]

Describe the bug

When attempting to open a <sl-dropdown> for the first time by clicking on it when the hoist property has been set, the corresponding <sl-menu> is strangely positioned and the height is incorrect. Upon clicking the <sl-dropdown> again to close it and a third time to open it again, the <sl-menu> is correctly positioned and all subsequent openings are fine. But the first one is always messed up.

To Reproduce

Steps to reproduce the behavior:

1. Create a <sl-dropdown> with the hoist property set
2. Click on the element set to trigger opening the <sl-dropdown>
3. Observe the corresponding <sl-menu> is incorrectly positioned

Demo

Issue can be seen at https://codepen.io/zozman/pen/vYRpgGK?editors=1000 by clicking on the Hoisted <sl-dropdown> (this is a copy of the example from https://shoelace.style/components/dropdown?id=hoisting where it can also be seen).

Screenshots

Browser / OS

• OS: Windows
• Browser: Chrome
• Browser version: 103.0.5060.134