fix: 修复父容器存在 transform 时, 在 canvas 内点击也会重置交互的问题 close #2879 (#2942)

antvis · Oct 25, 2024 · 010ed05 · 010ed05
1 parent 5bdc365
commit 010ed05
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/s2-core/src/interaction/event-controller.ts b/packages/s2-core/src/interaction/event-controller.ts
@@ -245,6 +245,11 @@ export class EventController {
         return false;
       }
 
+      // 开启 CSS transform 时, 降级处理, 不做 canvas 内的空白检测: https://github.com/antvis/S2/issues/2879
+      if (this.spreadsheet.container.getConfig().supportsCSSTransform) {
+        return canvas.contains(event.target as HTMLElement);
+      }
+
       return this.isMatchElement(event) && this.isMatchPoint(event);
     }
 

diff --git a/packages/s2-react/playground/config.tsx b/packages/s2-react/playground/config.tsx
@@ -346,7 +346,7 @@ export const s2Options: SheetComponentOptions = {
   },
   transformCanvasConfig() {
     return {
-      supportsCSSTransform: true,
+      supportsCSSTransform: false,
       supportsPointerEvents: false,
       // dblClickSpeed: 500,
       // devicePixelRatio: 3,