Canvas iframes strips custom CSS to embeds in source view

What I’m trying to do

Obsidians canvas core plugin uses iframe to render embedded notes.

Previews of embedded notes are displayed correctly, but if I try to edit an embedded note with custom CSS (not just custom callouts but actually custom themes too), Obsidian strips all extra CSS from the underlying, original note. The result is a default look.

I’m not sure if this behaviour is a limitation of iframe or if I missed to apply additional CSS rules.

Things I have tried

I checked the rules relative to canvas embeds but couldn’t find ways to reinforce the rendering of custom CSS inside canvas iframes. Ideally, Obsidian should apply custom CSS in canvas notes by default, both in source view and preview view.

Is somebody so nice to confirm if iframe is able to render custom CSS in edit mode, please?

If my issue can be solved with a CSS snippet, then mods can move my request over to Custom CSS & Theme Design

Resolved. The problem outdated CSS rules.

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.