fix: 取消双击表格时默认选中文本的默认浏览器行为 close #2798

antvis · Jul 1, 2024 · 6fb9b2f · 6fb9b2f
1 parent 73b9b6c
commit 6fb9b2f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/s2-core/src/sheet-type/spread-sheet.ts b/packages/s2-core/src/sheet-type/spread-sheet.ts
@@ -744,15 +744,17 @@ export abstract class SpreadSheet extends EE {
       ...canvasConfig,
     });
 
-    this.updateContainerStyle();
+    this.setupContainerStyle();
   }
 
-  // canvas 需要设置为 块级元素, 不然和父元素有 5px 的高度差
-  protected updateContainerStyle() {
+  protected setupContainerStyle() {
     const canvas = this.getCanvasElement();
 
     if (canvas) {
+      // canvas 需要设置为块级元素, 不然和父元素有 5px 的高度差
       canvas.style.display = 'block';
+      // 避免双击 canvas 造成的外部文本选中
+      canvas.style.userSelect = 'none';
     }
   }
 

diff --git a/packages/s2-react/playground/index.tsx b/packages/s2-react/playground/index.tsx
@@ -1586,6 +1586,7 @@ function MainLayout() {
                           onDataCellContextMenu={logHandler(
                             'onDataCellContextMenu',
                           )}
+                          onDoubleClick={logHandler('onDoubleClick')}
                         />
                       </React.StrictMode>
                     )}