From 909c062ee178e355fa69cec35b036138be44dce8 Mon Sep 17 00:00:00 2001
From: yyh <92089059+lyzno1@users.noreply.github.com>
Date: Wed, 8 Apr 2026 12:03:19 +0800
Subject: [PATCH] fix(web): avoid prehydration script in slider (#34676)

---
 web/app/components/base/ui/slider/__tests__/index.spec.tsx | 6 ++++++
 web/app/components/base/ui/slider/index.tsx                | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/ui/slider/__tests__/index.spec.tsx b/web/app/components/base/ui/slider/__tests__/index.spec.tsx
index f34de5010d..4026b7f13b 100644
--- a/web/app/components/base/ui/slider/__tests__/index.spec.tsx
+++ b/web/app/components/base/ui/slider/__tests__/index.spec.tsx
@@ -70,4 +70,10 @@ describe('Slider', () => {
     const sliderWrapper = container.querySelector('.outer-test')
     expect(sliderWrapper).toBeInTheDocument()
   })
+
+  it('should not render prehydration script tags', () => {
+    const { container } = render(<Slider value={10} onValueChange={vi.fn()} aria-label="Value" />)
+
+    expect(container.querySelector('script')).not.toBeInTheDocument()
+  })
 })
diff --git a/web/app/components/base/ui/slider/index.tsx b/web/app/components/base/ui/slider/index.tsx
index b514767c2d..9470e7051d 100644
--- a/web/app/components/base/ui/slider/index.tsx
+++ b/web/app/components/base/ui/slider/index.tsx
@@ -82,7 +82,7 @@ export function Slider({
       step={step}
       disabled={disabled}
       name={name}
-      thumbAlignment="edge"
+      thumbAlignment="edge-client-only"
       className={cn(sliderRootClassName, className)}
     >
       <BaseSlider.Control className={sliderControlClassName}>