From 482b5da02ff0253c1f24e4dba84ceba6f67ebc8a Mon Sep 17 00:00:00 2001
From: EYHN <cneyhn@gmail.com>
Date: Tue, 30 Jul 2024 15:03:07 +0800
Subject: [PATCH] fix(core): fix layout overflow (#7647)

---
 packages/frontend/component/src/theme/global.css               | 3 +--
 .../src/components/blocksuite/block-suite-editor/styles.css.ts | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/component/src/theme/global.css b/packages/frontend/component/src/theme/global.css
index 1907c62220..f9ab1fee08 100644
--- a/packages/frontend/component/src/theme/global.css
+++ b/packages/frontend/component/src/theme/global.css
@@ -178,7 +178,6 @@ legend {
 
 body {
   background: transparent;
-  overflow: hidden;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
@@ -306,7 +305,7 @@ html,
 body {
   height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: clip;
 }
 
 /**
diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
index 7ab69c67e1..93321c9c58 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
@@ -4,6 +4,7 @@ import { style, type StyleRule } from '@vanilla-extract/css';
 export const docEditorRoot = style({
   display: 'block',
   background: cssVar('backgroundPrimaryColor'),
+  overflowX: 'clip',
 });
 
 export const affineDocViewport = style({