🐛 表格区域双击时会选择表格外的文本

[iGarym]

🏷 Version

Package	Version
@antv/s2	2.0.0-next.22

Sheet Type

• PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

在 Chrome 浏览器中双击表格内的任意区域，表格外的文本被选中。

⌨️ Code Snapshots

const s2DataConfig: S2DataConfig = {
  fields: {
    columns: ["id", "pt_date"]
  },
  meta: [],
  data: [
    {
      id: 20,
      pt_date: "2023-02-08"
    },
    {
      id: 8,
      pt_date: "2023-02-15"
    },
  ]
};

const s2Options: S2Options = {
  width: 600,
  height: 480,
  seriesNumber: {
    enable: false
  }
};

🔗 Reproduce Link

https://codesandbox.io/p/sandbox/admiring-breeze-ftf64h

🤔 Steps to Reproduce

在 Chrome 浏览器中双击表格任意区域即可复现。

😊 Expected Behavior

双击表格时不要选中组件外的文本

😅 Current Behavior

双击表格时选中组件外的文本

💻 System information

Environment	Info
System	macOS@13.6.3
Browser	Chrome@126.0.6478.127

[github-actions]

你要找的是不是 (You may look for issues):

1. 85% 🐛 #2785

[iGarym]

你要找的是不是 (You may look for issues):

1. 85% 🐛 #2785

不是同一个问题

[lijinke666]

这个是浏览器的默认行为, 给 canvas 设置下 user-select: none 即可, 后面我们修改下, 初始化时默认加上

canvas {
  user-select: none;
}

[lijinke666]

🎉 This issue has been resolved in version @antv/s2-v2.0.0-next.25 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[lijinke666]

🎉 This issue has been resolved in version @antv/s2-react-v2.0.0-next.24 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀