diff --git a/src/components/modules/blockEvents.ts b/src/components/modules/blockEvents.ts index 725f77ca..e12531ac 100644 --- a/src/components/modules/blockEvents.ts +++ b/src/components/modules/blockEvents.ts @@ -149,14 +149,14 @@ export default class BlockEvents extends Module { */ public dragOver(event: DragEvent): void { const block = this.Editor.BlockManager.getBlockByChildNode(event.target as Node); - const bbox = block.holder.getBoundingClientRect(); - if (bbox.top + bbox.height / 2 >= event.clientY) { - block.dropTarget = BlockDropZonePlacement.Top; - } else { - block.dropTarget = BlockDropZonePlacement.Bottom; - } + /** + * Add style directive for drop position. + */ + block.dropTarget = (bbox.top + bbox.height / 2 >= event.clientY) ? + BlockDropZonePlacement.Top : + BlockDropZonePlacement.Bottom; } /** @@ -431,7 +431,7 @@ export default class BlockEvents extends Module { if (this.Editor.BlockManager.currentBlock) { this.Editor.BlockManager.currentBlock.updateCurrentInput(); } - // eslint-disable-next-line @typescript-eslint/no-magic-numbers + // eslint-disable-next-line @typescript-eslint/no-magic-numbers }, 20)(); } @@ -490,7 +490,7 @@ export default class BlockEvents extends Module { if (this.Editor.BlockManager.currentBlock) { this.Editor.BlockManager.currentBlock.updateCurrentInput(); } - // eslint-disable-next-line @typescript-eslint/no-magic-numbers + // eslint-disable-next-line @typescript-eslint/no-magic-numbers }, 20)(); } @@ -507,10 +507,10 @@ export default class BlockEvents extends Module { */ private needToolbarClosing(event: KeyboardEvent): boolean { const toolboxItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.Toolbar.toolbox.opened), - blockSettingsItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.BlockSettings.opened), - inlineToolbarItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.InlineToolbar.opened), - conversionToolbarItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.ConversionToolbar.opened), - flippingToolbarItems = event.keyCode === _.keyCodes.TAB; + blockSettingsItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.BlockSettings.opened), + inlineToolbarItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.InlineToolbar.opened), + conversionToolbarItemSelected = (event.keyCode === _.keyCodes.ENTER && this.Editor.ConversionToolbar.opened), + flippingToolbarItems = event.keyCode === _.keyCodes.TAB; /** * Do not close Toolbar in cases: