Skip to content

Think 组件在 destroyOnHidden={false} 且折叠时,内容仍然可见 #2025

Description

@xjftb

重现步骤

在线示例链接:https://x.ant.design/components/think-cn#think-demo-expand (官方 demo「折叠时销毁内容」)

步骤:

  1. 打开「折叠时销毁内容」demo。
  2. 将 Switch 关闭,使其显示「keep」(即 destroyOnHidden={false})。
  3. 点击按钮切换 expanded 状态(Collapse / Expand)。

当前行为

当 destroyOnHidden={false} 时,内容节点在展开和折叠两种状态下始终保持 display: block / offsetHeight: 22 / visibility: visible,折叠后内容文本依然可见。只有头部箭头会随展开/折叠状态变化。

对比:当 destroyOnHidden={true} 时,折叠会按预期把内容节点从 DOM 中移除。

预期行为

当 destroyOnHidden={false} 且折叠时,内容应不可见(保留在 DOM 中但被隐藏)。

上下文

No response

版本

2.9.0

您在哪些浏览器上遇到了这个问题?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions