fix(core): fix style break when scroll to block (#6001)

This commit is contained in:
EYHN
2024-03-04 11:43:10 +00:00
parent d935cf9d4d
commit a9be19ce6c
2 changed files with 9 additions and 6 deletions

View File

@@ -50,6 +50,7 @@ export const mainContainerStyle = style({
width: 0, width: 0,
display: 'flex', display: 'flex',
flex: 1, flex: 1,
overflow: 'hidden',
maxWidth: '100%', maxWidth: '100%',
selectors: { selectors: {
'&[data-show-padding="true"]': { '&[data-show-padding="true"]': {

View File

@@ -206,11 +206,13 @@ export const BlocksuiteEditorContainer = forwardRef<
useEffect(() => { useEffect(() => {
if (blockElement) { if (blockElement) {
requestIdleCallback(() => { requestIdleCallback(() => {
blockElement.scrollIntoView({ if (mode === 'page') {
behavior: 'smooth', blockElement.scrollIntoView({
block: 'center', behavior: 'smooth',
inline: 'center', block: 'center',
}); inline: 'center',
});
}
const selectManager = affineEditorContainerProxy.host?.selection; const selectManager = affineEditorContainerProxy.host?.selection;
if (!blockElement.path.length || !selectManager) { if (!blockElement.path.length || !selectManager) {
return; return;
@@ -221,7 +223,7 @@ export const BlocksuiteEditorContainer = forwardRef<
selectManager.set([newSelection]); selectManager.set([newSelection]);
}); });
} }
}, [blockElement, affineEditorContainerProxy.host?.selection]); }, [blockElement, affineEditorContainerProxy.host?.selection, mode]);
return ( return (
<div <div