editor: fix collapsed callouts not rendering correctly

This commit is contained in:
Abdullah Atta
2024-04-03 15:33:28 +05:00
parent 0650d00ca1
commit b013a1cfa7

View File

@@ -217,14 +217,14 @@ export const Callout = Node.create({
return ({ node, getPos, editor, HTMLAttributes }) => { return ({ node, getPos, editor, HTMLAttributes }) => {
const container = document.createElement("div"); const container = document.createElement("div");
container.classList.add("callout");
if (node.attrs.collapsed) container.classList.add("collapsed");
else container.classList.remove("collapsed");
for (const attr in HTMLAttributes) { for (const attr in HTMLAttributes) {
container.setAttribute(attr, HTMLAttributes[attr]); container.setAttribute(attr, HTMLAttributes[attr]);
} }
container.classList.add("callout");
if (node.attrs.collapsed) container.classList.add("collapsed");
else container.classList.remove("collapsed");
function onClick(e: MouseEvent | TouchEvent) { function onClick(e: MouseEvent | TouchEvent) {
if (e instanceof MouseEvent && e.button !== 0) return; if (e instanceof MouseEvent && e.button !== 0) return;
if (!(e.target instanceof HTMLHeadingElement)) return; if (!(e.target instanceof HTMLHeadingElement)) return;