SpreadJS 设计器做容器缩放动画：两种渐进刷新的实现思路

后台管理系统里有个常见交互：点击"收起详情"，中间的报表区域从占满整行平滑收缩到一半宽，给右侧面板腾位置。为了让过渡柔和，容器宽度加了 CSS 动画。动画本身流畅，麻烦出现在过程中和结束时：SpreadJS Designer 的功能区与表格区域出现错位、残缺，有时要再点一下别处才恢复。这篇文章拆解问题的成因，以及两种可靠的刷新做法。