[Bug]: 展开收起给dom添加动效，在safari上dom直接隐藏

[ChinaTiger9527]

Describe the bug / 问题描述

### Reproduction link / 复现链接

_No response_

### Steps to Reproduce the Bug or Issue / 重现步骤

_No response_

### Version / 版本

Please select / 请选择

### OS / 操作系统

- [ ] macOS
- [ ] Windows
- [ ] Linux
- [ ] Others / 其他

### Browser / 浏览器

- [ ] Chrome
- [ ] Edge
- [ ] Firefox
- [ ] Safari (Limited support / 有限支持)
- [ ] IE (Nonsupport / 不支持)
- [ ] Others / 其他

[github-actions]

@ChinaTiger9527 您好！以下是关于您问题的自动回复：

您好，感谢反馈关于 Safari 浏览器下展开收起动画导致 DOM 直接隐藏的问题！

问题分析

Safari 对某些 CSS 动画和 DOM 渲染机制的支持存在差异，尤其在节点展开/收起时，如果动画配置或 DOM 更新不兼容，会导致元素突然消失或未正常呈现。G6 的动画和节点状态切换依赖于浏览器的底层实现，因此 Safari 上偶发兼容性问题。

排查建议

1. 动画配置检查
   请确认您的动画配置是否如下所示，并未使用 Safari 不支持的动画属性。例如：

   node: {
     animation: {
       update: [{ fields: ['x', 'y', 'size'] }],
     },
   }

   推荐尽量使用简单的过渡属性，如 x, y, size，避免复杂的 shape 或 filter 动画。

2. Collapse/Expand 方法用法
   展开/收起节点时，建议显式传入动画选项，并测试关闭动画是否能临时规避问题：

   await graph.collapseElement('nodeId', { animation: true, align: true });
   await graph.expandElement('nodeId', { animation: true, align: true });
   // 或直接关闭动画以兼容 Safari
   await graph.collapseElement('nodeId', false);

3. 节点样式兼容性
   检查节点的样式属性，避免使用 Safari 兼容性较差的属性（如某些 SVG filter、clip-path、复杂渐变等）。

4. 浏览器端调试
   在 Safari 的开发者工具中查看报错信息，确认是否有动画/渲染相关的警告或错误。

临时解决方案

• 关闭节点动画
  如果动画是 Safari 下的主要问题，可以暂时关闭节点动画：

  {
    node: {
      animation: false,
    }
  }

• 简化动画类型
  只对 position 或 size 做动画，避免复杂的多属性动画。
• 升级 G6 版本
  部分动画兼容性问题会在新版本 G6 中修复。

官方建议

建议您参考以下官方文档及示例，确保动画配置规范且兼容：

• G6 动画配置文档
• Collapse/Expand 节点行为说明

进一步协助

如果问题依然存在，请补充以下信息，便于进一步定位：

• G6 具体版本号
• Safari 具体版本号和操作系统类型
• 最小可复现代码或 Demo

---

如有更多疑问欢迎继续反馈，我们将持续协助您优化 G6 在 Safari 下的表现！

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。