Skip to content

🐛 单元格 默认点击展示tooltips行为异常 / 框选功能 / 右键/选择单元格  #852

@WeiShengv99

Description

@WeiShengv99

🏷 Version

Package Version
@antv/s2 - 1.1.2
@antv/s2-react - 1.1.1

🖋 Description

  1. 单元格的默认点击行为 会触发 tooltips 的展示, 再点击该单元格的时候, tooltips 有时会隐藏,有时会隐藏后再展示,行为不一致。
  2. 单元格框选功能在边缘情况下 会有框选异常
  3. 异常操作失焦等。。会导致tooltips 不再展示,刷新后恢复
  4. 自定义 tooltips key 问题

⌨️ Code Snapshots

2021-12-01.8.09.49.mov
2021-12-01.8.14.15.mov
2021-12-01.8.14.55.mov

🔗 Reproduce Link

https://antv-s2.gitee.io/zh/examples/react-component/switcher#pivot-with-children

🤔 Steps to Reproduce

问题: 框选问题

  1. 点击单元格 展示tootips
  2. 右键单元格 展示右键菜单
  3. 点击任何地方 让 右键菜单失焦 错误进入框选模式。

问题: 意外操作失焦

  1. mac 的comand + shift + 5 进入录屏模式 就会导致tootips 不展示

问题: tooltips 的行为不一致

  1. 重复点击单元格就可以试出来

问题: react key 报错
使用来源

this.spreadsheet.tooltip.show({
        position: { x: event.clientX, y: event.clientY },
        content: (
          <div
            className={Style.row_cell}
            key={`${item?.id}${item?.description}`}
          >
            <div>{item?.dimensionName}</div>
            <div>{item?.description}</div>
          </div>
        ),
      });

image

这里是复现的 demo
大概原因是因为 自定义组件里有2个 子元素 就会有key 问题

😊 Expected Behavior

  1. 不进入框选模式
  2. tooltips 行为一致,没有迷惑性
  3. 没有报错

😅 Current Behavior

可见上面的视频

💻 System information

chrome: v96.0.4664.55 macos Big Sur 11.6 (arm64)

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions