fix(mobile): editor error boundary is not fully visible (#9172)

packages/frontend/core/src/mobile/pages/workspace/detail/mobile-detail-page.css.ts

@@ -80,6 +80,10 @@ export const affineDocViewport = style({
   },
 });
 
+export const errorBoundary = style({
+  flex: 1,
+});
+
 export const scrollbar = style({
   marginRight: '4px',
 });

packages/frontend/core/src/mobile/pages/workspace/detail/mobile-detail-page.tsx

@@ -205,7 +205,7 @@ const DetailPageImpl = () => {
           )}
         >
           {/* Add a key to force rerender when page changed, to avoid error boundary persisting. */}
-          <AffineErrorBoundary key={doc.id}>
+          <AffineErrorBoundary key={doc.id} className={styles.errorBoundary}>
             <PageDetailEditor onLoad={onLoad} />
           </AffineErrorBoundary>
         </div>