fixes #777

docs/resources/changelog.md

@@ -10,6 +10,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 - Added support for RTL animations in the Animation Registry
 - Fixed a bug where the bottom border of `<sl-select>` could be cut off when the dropdown scrolls
+- Fixed a bug in `<sl-select>` that could result in the browser locking up due to an infinite positioning loop [#777](https://github.com/shoelace-style/shoelace/issues/777)
 - Improved RTL animations for `<sl-drawer>` [#784](https://github.com/shoelace-style/shoelace/issues/784)
 - Improved RTL styles for `<sl-button-group>` [#783](https://github.com/shoelace-style/shoelace/issues/783)
 - Improved RTL styles for the toast stack [#785](https://github.com/shoelace-style/shoelace/issues/785)

src/components/select/select.ts

@@ -364,7 +364,7 @@ export default class SlSelect extends LitElement {
 
   resizeMenu() {
     this.menu.style.width = `${this.control.clientWidth}px`;
-    this.dropdown.reposition();
+    requestAnimationFrame(() => this.dropdown.reposition());
   }
 
   syncItemsFromValue() {