fixes #777

shoelace-style · Jun 15, 2022 · 624a8bb · 624a8bb
1 parent ca876b2
commit 624a8bb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/docs/resources/changelog.md b/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)

diff --git a/src/components/select/select.ts b/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() {