From 33ae55f928aecee45b3d6b08d1316cea4cb086fd Mon Sep 17 00:00:00 2001
From: Guo Yunhe <i@guoyunhe.me>
Date: Tue, 16 Apr 2024 13:37:52 +0800
Subject: [PATCH] fix(Collapse): arrow selector (#48417)

* fix(Collapse): arrow selector

* fix(Collapse): arrow selector

* fix: transition

---------

Co-authored-by: vagusX <vagusxl@gmail.com>
Co-authored-by: afc163 <afc163@gmail.com>
---
 components/collapse/style/index.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/collapse/style/index.ts b/components/collapse/style/index.ts
index 5bc4583033..dd966878a4 100644
--- a/components/collapse/style/index.ts
+++ b/components/collapse/style/index.ts
@@ -124,7 +124,9 @@ export const genBaseStyle: GenerateStyle<CollapseToken> = (token) => {
           [`${componentCls}-arrow`]: {
             ...resetIcon(),
             fontSize: fontSizeIcon,
-
+            // when `transform: rotate()` is applied to icon's root element
+            transition: `transform ${motionDurationSlow}`,
+            // when `transform: rotate()` is applied to icon's child element
             svg: {
               transition: `transform ${motionDurationSlow}`,
             },
@@ -231,7 +233,7 @@ export const genBaseStyle: GenerateStyle<CollapseToken> = (token) => {
 const genArrowStyle: GenerateStyle<CollapseToken> = (token) => {
   const { componentCls } = token;
 
-  const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow svg`;
+  const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow`;
 
   return {
     [`${componentCls}-rtl`]: {