extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2024-12-23 07:08:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use correct width for block decorations

Browse Source
This commit is contained in:
Jonatan Heyman 2022-12-28 16:03:57 +01:00
parent c0f8bffc84
commit fc4c7c8145
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
heynote-codemirror/src/note-block.js
View File

@ -122,7 +122,18 @@ const atomicNoteBlock = ViewPlugin.fromClass(
)
const blockLayer = () => {
return layer({
let editorWidth = 0;
const measureEditorWidth = EditorView.updateListener.of((update) => {
if (update.geometryChanged) {
update.view.requestMeasure({
read(a) {
editorWidth = update.view.dom.clientWidth
}
})
}
})
const layerExtension = layer({
above: false,
markers(view) {
@ -145,7 +156,7 @@ const blockLayer = () => {
idx++ % 2 == 0 ? "block-even" : "block-odd",
0,
fromCoords.top - (view.documentTop - view.documentPadding.top),
2000,
editorWidth,
(toCoords.bottom - fromCoords.top),
))
return false;
@ -164,6 +175,8 @@ const blockLayer = () => {
class: "blocks-layer"
})
return [measureEditorWidth, layerExtension]
}