<sl-select> is slow to open inside <sl-drawer>

[kazk]

Describe the bug

sl-select component inside sl-drawer is extremely slow since 2.0.0-beta.81.
sl-select is broken inside sl-drawer in 2.0.0-beta.80.
2.0.0-beta.79 works as expected.

It's very noticeable with many items.

To Reproduce

Steps to reproduce the behavior:

1. Add sl-select with many items inside sl-drawer
2. Open sl-drawer
3. Use sl-select

The same sl-select works fine outside.

Demo

https://jsfiddle.net/kazk/2jsp3Lxe/46

Screenshots

sl-select-drawer-demo.mp4

Browser / OS

• Latest Chromium/Firefox on Linux

Additional information

Please let me know if you need anything else. Thanks for Shoelace! :)

[claviska]

Thanks for the issue. I believe this is the same problem as mentioned in #902. I'll take a look!

[claviska]

I replicated the issue and, per @atomiks suggestion in this discussion, have confirmed that the polyfill introduced here introduced this behavior in Floating UI 1.0.1.

This has been fixed in beta.83. I've reverted Floating UI to 1.0.0 in 28003ac for now, but I'll leave this open until there's an upstream fix or a way to opt out of the poor-performing behavior.

Thanks again for reporting this issue!

[claviska]

This was fixed upstream in: floating-ui/floating-ui#1894

I've upgraded Shoelace to use the latest version of Floating UI in 8160c33 and I'm no longer seeing this lag, so I'm going to close this one now.