From 04509a9c91e804a34af328b3a8cdbe9b583da6b7 Mon Sep 17 00:00:00 2001 From: Saul-Mirone Date: Mon, 20 Jan 2025 14:10:05 +0000 Subject: [PATCH] fix(editor): remove pointer event handlers in root block (#9802) --- .../blocks/src/root-block/root-service.ts | 11 ------ .../page-dragging-area/page-dragging-area.ts | 34 ------------------- 2 files changed, 45 deletions(-) diff --git a/blocksuite/blocks/src/root-block/root-service.ts b/blocksuite/blocks/src/root-block/root-service.ts index 7d1aaf273..fbcac2ba8 100644 --- a/blocksuite/blocks/src/root-block/root-service.ts +++ b/blocksuite/blocks/src/root-block/root-service.ts @@ -50,15 +50,4 @@ export abstract class RootService extends BlockService { const viewportElement = rootComponent.viewportElement; return viewportElement; } - - override mounted() { - super.mounted(); - - this.disposables.add( - this.std.event.add('pointerDown', ctx => { - const state = ctx.get('pointerState'); - state.raw.stopPropagation(); - }) - ); - } } diff --git a/blocksuite/blocks/src/root-block/widgets/page-dragging-area/page-dragging-area.ts b/blocksuite/blocks/src/root-block/widgets/page-dragging-area/page-dragging-area.ts index 5d52ddc9e..098dcca85 100644 --- a/blocksuite/blocks/src/root-block/widgets/page-dragging-area/page-dragging-area.ts +++ b/blocksuite/blocks/src/root-block/widgets/page-dragging-area/page-dragging-area.ts @@ -200,40 +200,6 @@ export class AffinePageDraggingAreaWidget extends WidgetComponent< override connectedCallback() { super.connectedCallback(); - this.handleEvent( - 'pointerDown', - ctx => { - const container = this.block.rootElementContainer; - if (!container) return; - - const currentFocus = document.activeElement; - if (!container.contains(currentFocus)) { - return; - } - - const containerRect = container.getBoundingClientRect(); - const containerStyles = window.getComputedStyle(container); - const paddingLeft = parseFloat(containerStyles.paddingLeft); - const paddingRight = parseFloat(containerStyles.paddingRight); - const state = ctx.get('pointerState'); - const raw = state.raw; - - if ( - raw.clientX > containerRect.left + paddingLeft && - raw.clientX < containerRect.right - paddingRight && - raw.clientY > containerRect.top && - raw.clientY < containerRect.bottom - ) { - return; - } - - state.raw.preventDefault(); - }, - { - global: true, - } - ); - this.handleEvent( 'dragStart', ctx => {