feat: improve a11y behavior

react-component · Oct 28, 2024 · 9387e53 · 9387e53
1 parent 6af214c
commit 9387e53
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/assets/index.less b/assets/index.less
@@ -59,7 +59,7 @@
         margin: 0 16px 0 auto;
       }
     }
-    .@{prefixCls}-header-collapsible-only {
+    .@{prefixCls}-collapsible-header {
       cursor: default;
       .@{prefixCls}-header-text {
         cursor: pointer;
@@ -68,7 +68,7 @@
         cursor: pointer;
       }
     }
-    .@{prefixCls}-icon-collapsible-only {
+    .@{prefixCls}-collapsible-icon {
       cursor: default;
       .@{prefixCls}-expand-icon {
         cursor: pointer;

diff --git a/src/Panel.tsx b/src/Panel.tsx
@@ -72,8 +72,7 @@ const CollapsePanel = React.forwardRef<HTMLDivElement, CollapsePanelProps>((prop
     headerClass,
     `${prefixCls}-header`,
     {
-      [`${prefixCls}-header-collapsible-only`]: collapsible === 'header',
-      [`${prefixCls}-icon-collapsible-only`]: collapsible === 'icon',
+      [`${prefixCls}-collapsible-${collapsible}`]: !!collapsible,
     },
     customizeClassNames.header,
   );

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
@@ -10,7 +10,7 @@ exports[`collapse props items should work with nested 1`] = `
     <div
       aria-disabled="true"
       aria-expanded="false"
-      class="rc-collapse-header"
+      class="rc-collapse-header rc-collapse-collapsible-disabled"
       role="button"
       tabindex="-1"
     >