fixes #1979 (#2008)

shoelace-style · May 10, 2024 · 8726910 · 8726910
1 parent d478ccb
commit 8726910
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md
@@ -21,6 +21,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 - Fixed a bug in `<sl-textarea>` that may throw errors on `disconnectedCallback` in test environments [#1985]
 - Fixed a bug in `<sl-color-picker>` that would log a non-passive event listener warning [#2005]
 - Fixed a bug in the submenu controller that allowed submenus to go offscreen and not be scrollable [#2001]
+- Fixed a bug in `<sl-range>` that caused the tooltip position to be incorrect in some cases [#1979]
 
 ## 2.15.0
 

diff --git a/src/components/range/range.component.ts b/src/components/range/range.component.ts
@@ -216,7 +216,8 @@ export default class SlRange extends ShoelaceElement implements ShoelaceFormCont
     this.syncProgress(percent);
 
     if (this.tooltip !== 'none') {
-      this.syncTooltip(percent);
+      // Ensure updates are drawn before we sync the tooltip
+      this.updateComplete.then(() => this.syncTooltip(percent));
     }
   }