Live Preview: consecutive callouts in a transclusion render with no vertical spacing

When a note containing two or more consecutive callouts is transcluded into another note, the callouts render flush against each other with no vertical spacing in Live Preview. The same transclusion renders correctly in Reading View, confirming the callout CSS itself is not the issue β€” the fault is isolated to how Live Preview renders callouts inside transclusion block widgets.

This issue seems to be a revival of this bug.

Steps to reproduce

  1. Create callouts.md containing two consecutive callouts
  2. Create transclusion.md and add ![[callouts]]
  3. Open transclusion.md in Live Preview
  4. Observe the callouts are bunched with no gap between them
  5. Switch to Reading View β€” spacing is correct

Did you follow the troubleshooting guide? Yes

Expected result

Consecutive callouts in a transclusion render with consistent vertical spacing in both Live Preview and Reading View.

Actual result

Consecutive callouts in a transclusion are flush against each other in Live Preview only.

Environment

SYSTEM INFO:
Obsidian version: 1.13.4
Installer version: 1.12.7
Operating system: Darwin Kernel Version 24.6.0: Tue Apr 21 20:18:13 PDT 2026; root:xnu-11417.140.69.710.16~1/RELEASE_ARM64_T8132 24.6.0
Login status: logged in
Language: en
Catalyst license: vip
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 10
Plugins enabled: 0

RECOMMENDATIONS:
Since Reading View renders the spacing correctly, the fix likely lies in how Live Preview’s transclusion block widget handles sibling callout elements β€” possibly that the cm-line spacer divs injected between native callouts are absent when callouts are rendered inside a transclusion widget. Comparing the DOM output of both contexts may help isolate the discrepancy.


Additional information

CSS for a quick workaround:

.markdown-embed .el-div:has(> .callout) + .el-div:has(> .callout) {
	margin-top: 1em;
}

How to use CSS snippets - Obsidian Help