Embedded Image in list item leaves a gap when image is larger line width

Bug reports
, ,
1

Steps to reproduce

  1. Create a new note
  2. Create an item with some text like “image”
  3. Paste an image in a new paragraph of the list item (i.e. next line, indented by 4):
- Image
    ![[image.jpg]]

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

There is no gap between the text and the image.

Actual result

image
image1246×554 37.4 KB

Environment

SYSTEM INFO:
Obsidian version: v1.4.13
Installer version: v1.4.13
Operating system: Darwin Kernel Version 22.3.0: Thu Jan 5 20:49:43 PST 2023; root:xnu-8792.81.2~2/RELEASE_ARM64_T8103 22.3.0
Login status: not logged in
Insider build toggle: off
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none

Additional information

2

I can reproduce this if the image is very large, and is larger than the text readable line length.

If the image size is reduced smaller than the readable line length, then the gap disappears.

If I turn “Readable line length” off, and I resize the image to be larger than the pane’s width, then the gap appears again.

I can’t recreate this in the Sandbox vault. But I did turn off community plugins, and am using the default theme. So it might be related to some setting.

Here is a gif of resizing the screen, until the image is larger than the pane. The gap appears.
resizingScreenObs

3

Thanks!

I can confirm you observations about resizing the image.

I can also recreate the same behavior in the Sandbox.

I would add that with the default “fit to pane” behavior the gap also appears if the original image is larger than the pane, even though it visually fits the pane.