🐛S2Event.GLOBAL_CONTEXT_MENU 事件无法触发

[XiChaoMing]

🏷 Version

Package	Version
@antv/s2	2.0.0-next.17

Sheet Type

• PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

对 S2Event.GLOBAL_CONTEXT_MENU 事件进行了监听，在 Mac 触摸板上面进行右击操作，无法准确触发该事件的执行（在 Windows 上目前没问题）

🔗 Reproduce Link

• 打开 官网案例
• 在最下面的事件监听数组中添加 S2Event.GLOBAL_CONTEXT_MENU
• 右击图表，偶尔会触发监听事件执行

😊 Expected Behavior

使用 Mac 触控板，右击事件可以准确执行

😅 Current Behavior

使用 Mac 触控板，右击事件无法准确执行

💻 System information

Environment	Info
System	Mac
Browser	chrome: 122.0.6261.112（正式版本） (x86_64)

[XiChaoMing]

不管 Windows 还是 Mac，好像都没法阻止默认的右键弹窗~

[
    S2Event.GLOBAL_SCROLL,
    S2Event.ROW_CELL_CLICK,
    S2Event.COL_CELL_CLICK,
    S2Event.CORNER_CELL_CLICK,
    S2Event.DATA_CELL_CLICK,
    S2Event.GLOBAL_SELECTED,
    S2Event.DATA_CELL_BRUSH_SELECTION,
    S2Event.LAYOUT_RESIZE,
    S2Event.GLOBAL_CONTEXT_MENU,
].forEach((eventName) => {
  s2.on(eventName, event => {
    if (eventName === S2Event.GLOBAL_CONTEXT_MENU) {
      // 没有效果
      event.preventDefault();
      event.stopPropagation();

      // 这样也没有效果
      event.originalEvent.preventDefault();
      event.originalEvent.stopPropagation();
    }
  });
});

[Jinke Li]

不管 Windows 还是 Mac，好像都没法阻止默认的右键弹窗~

[
    S2Event.GLOBAL_SCROLL,
    S2Event.ROW_CELL_CLICK,
    S2Event.COL_CELL_CLICK,
    S2Event.CORNER_CELL_CLICK,
    S2Event.DATA_CELL_CLICK,
    S2Event.GLOBAL_SELECTED,
    S2Event.DATA_CELL_BRUSH_SELECTION,
    S2Event.LAYOUT_RESIZE,
    S2Event.GLOBAL_CONTEXT_MENU,
].forEach((eventName) => {
  s2.on(eventName, event => {
    if (eventName === S2Event.GLOBAL_CONTEXT_MENU) {
      // 没有效果
      event.preventDefault();
      event.stopPropagation();

      // 这样也没有效果
      event.originalEvent.preventDefault();
      event.originalEvent.stopPropagation();
    }
  });
});

2.0 版本右键事件使用的 G 的 rightdown/rightup, 默认事件并不是右键菜单 (具体可以参考G 文档), 所以 preventDefault 无效, 需要这样写, 需要监听 <canvas/> DOM 元素, 后面补充下文档

s2.getCanvasElement().addEventListener('contextmenu', (event) => {
    event.preventDefault();
 });

[github-actions]

你好 @XiChaoMing，很抱歉给你带来了不好的体验, 我们会尽快排查问题并修复, 请关注后续发布日志.

Hello, @XiChaoMing, We are so sorry for the bad experience. We will troubleshoot and fix the problem as soon as possible. Please pay attention to the follow-up change logs.

[Jinke Li]

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

The release is available on:

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

Your semantic-release bot 📦🚀

[Jinke Li]

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

The release is available on:

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

Your semantic-release bot 📦🚀