From d2342a84e28f746054f0897c83b5d34ce5625b02 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Fri, 24 Oct 2025 08:09:31 -0400 Subject: [PATCH] use getElementByID --- packages/webawesome/src/components/slider/slider.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/webawesome/src/components/slider/slider.ts b/packages/webawesome/src/components/slider/slider.ts index 3cb49053e..4a4817aad 100644 --- a/packages/webawesome/src/components/slider/slider.ts +++ b/packages/webawesome/src/components/slider/slider.ts @@ -690,8 +690,8 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement { if (!this.withTooltip) return; // Show only the active tooltip, hide the other - const tooltipMin = this.shadowRoot?.querySelector('#tooltip-thumb-min') as WaTooltip; - const tooltipMax = this.shadowRoot?.querySelector('#tooltip-thumb-max') as WaTooltip; + const tooltipMin = this.shadowRoot?.getElementById('tooltip-thumb-min') as WaTooltip; + const tooltipMax = this.shadowRoot?.getElementById('tooltip-thumb-max') as WaTooltip; if (this.activeThumb === 'min') { if (tooltipMin) tooltipMin.open = true; @@ -705,8 +705,8 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement { private hideRangeTooltips() { if (!this.withTooltip) return; - const tooltipMin = this.shadowRoot?.querySelector('#tooltip-thumb-min') as WaTooltip; - const tooltipMax = this.shadowRoot?.querySelector('#tooltip-thumb-max') as WaTooltip; + const tooltipMin = this.shadowRoot?.getElementById('tooltip-thumb-min') as WaTooltip; + const tooltipMax = this.shadowRoot?.getElementById('tooltip-thumb-max') as WaTooltip; if (tooltipMin) tooltipMin.open = false; if (tooltipMax) tooltipMax.open = false;