From 4be4ba64a51f24111ea1e72efcad40b18046a3eb Mon Sep 17 00:00:00 2001
From: Wanpan <wanpan96@163.com>
Date: Tue, 18 Nov 2025 20:57:17 +0800
Subject: [PATCH] fix: Fixed the issue of carousel dot being unclickable
 (#55757)

---
 components/carousel/style/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/carousel/style/index.ts b/components/carousel/style/index.ts
index c35e2dd022..f327c3a313 100644
--- a/components/carousel/style/index.ts
+++ b/components/carousel/style/index.ts
@@ -233,10 +233,10 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
 
   const animation = new Keyframes(`${token.prefixCls}-dot-animation`, {
     from: {
-      transform: `translate3d(-100%, 0, 0)`,
+      width: 0,
     },
     to: {
-      transform: `translate3d(0%, 0, 0)`,
+      width: token.dotActiveWidth,
     },
   });
 
@@ -284,7 +284,7 @@ const genDotsStyle: GenerateStyle<CarouselToken> = (token) => {
             position: 'absolute',
             top: 0,
             insetInlineStart: 0,
-            width: '100%',
+            width: 0,
             height: dotHeight,
             content: '""',
             background: 'transparent',