<sl-dropdown> cannot keep content in viewport (regression in 2.0.0-beta.81)

[CetinSert]

Describe the bug

In version .81, <sl-dropdown> cannot keep its content in viewport. This is a regression.

One example is described here with a playground link and screenshots.
Another example is described in the next comment with a playground link and a video.

To Reproduce

Steps to reproduce the behavior:

1. Go to this sync: //rt.ht/⋯ 👈🏻
   ^{Sync has versions selected for step 3 😉!}
2. See ❌ .81
3. Press ↓
4. See ✔️ .80

Demo

Demo is linked at step 1 above! Just open the link and press ↓ once! Simple as it gets.

Screenshots

⚠️ Also added a 👉🏻 video you can play right on this GitHub issue page! 👈🏻 ⚠️

❌ .81	✔️ .80

Browser / OS

• OS: all
• Browser: all
• Browser version: all

Additional information

• .81 also taxes the CPU a lot more in this case!
• This seems to only happen with the right edge of the screen.
  See right below for a vertical reproduction with video!
  • Please review RTL mode.
• Please review <sl-tooltip>.
• This might also be due to updating Floating UI to 1.0.1.

[CetinSert]

@claviska – Here is a vertical example with video capture you can play right on this GitHub issue page!

Please note that here, unlike above, the trigger is entirely in the viewport.

1. Go to this sync: //rt.ht/⋯ 👈🏻
2. Adjust viewport height with mouse or keyboard
3. Adjust library version with ↓/↑ keys

---

Here is a video capture that plays right on GitHub! Just click/tap on it 👇🏻

Sync.SL.860.and.32.more.pages.-.Personal.-.Microsoft.Edge.2022-08-18.21-10-03_Trim.mp4

[CetinSert]

Temporarily worked around with <sl-popup>.autoSize = false because all of my <sl-dropdown>s are contained in the header which makes it possible use a single rule (sl-dropdown::part(panel) { max-height: ⋯ }) with a trivial calculation.

I have to say all this is really only possible and easy because of how well-designed Shoelace is! It truly is a gem of a library that shines bright among many that don't even grasp the power of web components, yet alone know what to do with the tech. 👟💎💖!

---

Still looking forward to a solution on this one that works for everyone though : )

[claviska]

Replicated and fixed in 1996037. The auto-size attribute was resizing both horizontally and vertically. This is now configurable in <sl-popup> and set to vertical in <sl-dropdown>, which restores the previous and desired behavior.