重现步骤
在线示例链接:https://x.ant.design/components/think-cn#think-demo-expand (官方 demo「折叠时销毁内容」)
步骤:
- 打开「折叠时销毁内容」demo。
- 将 Switch 关闭,使其显示「keep」(即 destroyOnHidden={false})。
- 点击按钮切换 expanded 状态(Collapse / Expand)。
当前行为
当 destroyOnHidden={false} 时,内容节点在展开和折叠两种状态下始终保持 display: block / offsetHeight: 22 / visibility: visible,折叠后内容文本依然可见。只有头部箭头会随展开/折叠状态变化。
对比:当 destroyOnHidden={true} 时,折叠会按预期把内容节点从 DOM 中移除。
预期行为
当 destroyOnHidden={false} 且折叠时,内容应不可见(保留在 DOM 中但被隐藏)。
上下文
No response
版本
2.9.0
您在哪些浏览器上遇到了这个问题?
No response
重现步骤
在线示例链接:https://x.ant.design/components/think-cn#think-demo-expand (官方 demo「折叠时销毁内容」)
步骤:
当前行为
当 destroyOnHidden={false} 时,内容节点在展开和折叠两种状态下始终保持 display: block / offsetHeight: 22 / visibility: visible,折叠后内容文本依然可见。只有头部箭头会随展开/折叠状态变化。
对比:当 destroyOnHidden={true} 时,折叠会按预期把内容节点从 DOM 中移除。
预期行为
当 destroyOnHidden={false} 且折叠时,内容应不可见(保留在 DOM 中但被隐藏)。
上下文
No response
版本
2.9.0
您在哪些浏览器上遇到了这个问题?
No response