multi-column-markdown icon indicating copy to clipboard operation
multi-column-markdown copied to clipboard

Image links will not render in a column.

Open Madmaxneo opened this issue 3 years ago • 1 comments

A link to an image within my vault will not render in a column. I put the following code in the first columns: ![[Amplify Duration.png|220]] It doesn't render but for a few milliseconds when first opening the note.

Madmaxneo avatar Nov 19 '22 22:11 Madmaxneo

I also ran into this with excalidraw embeds.

I found that if I remove the size specification from the internal link it renders normally-- so ![[Amplify Duration.png]] instead of ![[Amplify Duration.png|220]].

I would like to be able to specify the size, though.

EDIT: after more experimentation this doesn't appear to be the issue. Now my png, jpg, and excalidraw embeds are rendering in columns with or without the size specification. I have to reload obsidian every time I make a change to get the columns to update and results are less than consistent.

sappr avatar Nov 27 '22 20:11 sappr

I am not seeing this issue on my end. Images display both scaled, and un-scaled, in live preview or reading mode. I also don't see an issue with having to reload obsidian? Do you mean close and open just the file? Is there anything else you're seeing that might help diagnose this issue?

Screenshot 2022-12-07 at 2 22 45 PM

ckRobinson avatar Dec 07 '22 22:12 ckRobinson

I have the same issue and can reproduce it reliably.

I have two-columns, with text on the left side and an image on the right side. Unscaled PNG with ![[]] notation. The image is there when I reopen the page. When I scroll down to the bottom of the page and go back up again, it has usually disappeared. However, then it re-appears after 10 seconds or so.

Using multi-column markdown 0.7.7, Obsidian 1.1.9 on a Mac.

https://user-images.githubusercontent.com/13544864/219891015-cce2dbad-a641-43c6-a95d-56ae145ce752.mov

The code for the multi-column:


` ` `start-multi-column
ID: ID_6ywe
Number of Columns: 2
Largest Column: standard
 ` ` `
This is some text.


--- column-end ---

![[Pasted image 20230218205755.png]]

=== end-multi-column

Edit: Had to add spaces sow that the triple-backticks don't terminate the GitHub markdown code block.

Edit2: There is something weird going on in getElementClientHeight. When I open the developer tools, I see the div containing the image flashing periodically (multiple times a second), meaning that something is changing. When I use the debugger, I can see that there is a if (height === 0) case, where at one point it will show two images, and then removing one copy again.

I have also captured the image disappearing in the developer tools. It is only 480p, but I think you can see the most relevant things.

https://user-images.githubusercontent.com/13544864/219896785-d66242a8-e289-46d1-9015-5d32a106d928.mov

JonasSchatz avatar Feb 18 '23 20:02 JonasSchatz

I pushed a fix last week, 0.8.1, that seems to have fixed this issue, hopefully for good. Am closing this bug, if it crops up again feel free to let me know.

ckRobinson avatar Jun 29 '23 20:06 ckRobinson