fix(core): call scrollIntoView() on Enter (#2802)

Co-authored-by: Nick Perez <computers@nickthesick.com>
Signed-off-by: Wqrld <wereld03@gmail.com>

Author: Wqrld

packages/core/src/blocks/utils/listItemEnterHandler.ts

@@ -34,8 +34,9 @@ export const handleEnter = (
   } else if (blockContent.node.childCount > 0) {
     return editor.transact((tr) => {
       tr.deleteSelection();
+      tr.scrollIntoView();
       return splitBlockTr(tr, tr.selection.from, true);
-    });
+});
   }
 
   return false;

packages/core/src/editor/BlockNoteEditor.ts

@@ -498,6 +498,7 @@ export class BlockNoteEditor<
       autofocus: newOptions.autofocus ?? false,
       extensions: tiptapExtensions,
       editorProps: {
+        scrollMargin: { top: 72, bottom: 72, left: 0, right: 0 },
         ...newOptions._tiptapOptions?.editorProps,
         attributes: {
           // As of TipTap v2.5.0 the tabIndex is removed when the editor is not

packages/core/src/extensions/tiptap-extensions/KeyboardShortcuts/KeyboardShortcutsExtension.ts

@@ -920,6 +920,7 @@ export const KeyboardShortcutsExtension = Extension.create<{
                     selectionAtBlockStart,
                   ),
                 )
+                .scrollIntoView()
                 .run();
 
               return true;