fix(core): cannot scroll when dragging (#6070)

close TOV-671

packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx

@@ -8,7 +8,6 @@ import {
   PageEditor,
 } from '@blocksuite/presets';
 import { type Doc } from '@blocksuite/store';
-import clsx from 'clsx';
 import React, {
   forwardRef,
   useCallback,
@@ -103,10 +102,7 @@ export const BlocksuiteDocEditor = forwardRef<
 
   return (
     <div className={styles.docEditorRoot}>
-      <div
-        className={clsx('affine-page-viewport', styles.affineDocViewport)}
-        data-doc-viewport={true}
-      >
+      <div className={styles.affineDocViewport}>
         {!isJournal ? (
           <adapted.DocTitle doc={page} ref={titleRef} />
         ) : (

packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts

@@ -5,28 +5,10 @@ export const docEditorRoot = style({
   background: cssVar('backgroundPrimaryColor'),
 });
 
-// brings styles of .affine-page-viewport from blocksuite
 export const affineDocViewport = style({
   display: 'flex',
   flexDirection: 'column',
-  userSelect: 'none',
-  containerName: 'viewport',
-  // todo: find out what this does in bs
-  containerType: 'inline-size',
-  background: cssVar('backgroundPrimaryColor'),
-  '@media': {
-    print: {
-      display: 'none',
-      zIndex: -1,
-    },
-  },
-  selectors: {
-    '&[data-doc-viewport="true"]': {
-      overflowX: 'visible',
-      overflowY: 'visible',
-      height: 'auto',
-    },
-  },
+  paddingBottom: '150px',
 });
 
 export const docContainer = style({