leaflet.pub
a tool for shared writing and social publishing
reverted the last change and redid it in a not stupid way
cozylittle.house
-3
components/Blocks/Block.tsx
-3
components/Blocks/Block.tsx
+12
components/Blocks/useBlockMouseHandlers.ts
+12
components/Blocks/useBlockMouseHandlers.ts
···
8
8
import { getBlocksWithType } from "src/hooks/queries/useBlocks";
9
9
import { focusBlock } from "src/utils/focusBlock";
10
10
import { useIsMobile } from "src/hooks/isMobile";
11
+
import { scrollIntoViewIfNeeded } from "src/utils/scrollIntoViewIfNeeded";
12
+
import { elementId } from "src/utils/elementId";
11
13
12
14
let debounce: number | null = null;
13
15
export function useBlockMouseHandlers(props: Block) {
···
39
41
parent: props.parent,
40
42
});
41
43
useUIState.getState().setSelectedBlock(props);
44
+
45
+
// scroll to the page containing the block, if offscreen
46
+
let parentPage = elementId.page(props.parent).container;
47
+
setTimeout(() => {
48
+
scrollIntoViewIfNeeded(
49
+
document.getElementById(parentPage),
50
+
false,
51
+
"smooth",
52
+
);
53
+
}, 50);
42
54
}
43
55
},
44
56
[props, entity_set.permissions.write, isMobile],