fix tooltip bug

shoelace-style · Oct 14, 2021 · 8dba8fa · 8dba8fa
1 parent 3a3f555
commit 8dba8fa
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
@@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## Next
 
 - Added `label` attribute to `<sl-progress-bar>` and `<sl-progress-ring>` to improve a11y
+- Fixed a bug where the tooltip would show briefly when clicking a disabled `<sl-range>`
 - Updated to Bootstrap Icons to 1.6.0
 
 ## 2.0.0-beta.57

diff --git a/src/components/range/range.ts b/src/components/range/range.ts
@@ -247,7 +247,7 @@ export default class SlRange extends LitElement {
             @focus=${this.handleFocus}
             @blur=${this.handleBlur}
           />
-          ${this.tooltip !== 'none'
+          ${this.tooltip !== 'none' && !this.disabled
             ? html` <output part="tooltip" class="range__tooltip"> ${this.tooltipFormatter(this.value)} </output> `
             : ''}
         </div>