fix(core): fix style break when scroll to block (#6001)
This commit is contained in:
@@ -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"]': {
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user