dendron icon indicating copy to clipboard operation
dendron copied to clipboard

Two images with custom CSS properties on same line

Open josephgarnier opened this issue 2 years ago • 2 comments

Please select the area your bug applies to. (Multiple selections are Possible. You can leave blank if you're not sure.)

  • [ ] Workspace. VSCode workspace, vaults, Intellisense/autocomplete, Dendron settings
  • [ ] Lookup. Dendron's Lookup Command
  • [x] Views. Dendron Preview, Tree View, Side Panels in the UI
  • [ ] Schema. Dendron Schemas
  • [ ] Pod. Data import from / export to Dendron
  • [ ] Publish. External Site Publish
  • [ ] Markdown. Markdown features, such as syntax support and features

Describe the bug

When you add two images with a custom CSS property on the same line, none is rendered.

To Reproduce

In a markdown file, write these lines:

Doesn't work:

test ![alt1](images/my_image.svg){max-width: 10px} ![alt2](images/my_image.svg){max-width: 10px}

image

test ![alt1](images/my_image.svg) ![alt2](images/my_image.svg){max-width: 10px}

image

Work:

test ![alt1](images/my_image.svg){max-width: 10px} ![alt2](images/my_image.svg)

image (Picture cropped, because it is really big)

Expected behavior

Two tiny images should be displayed in the same line.

Desktop (please complete the following information)

  • OS: Linux and Windows
  • Browser (if with published websites; include version): Chrome
  • Versions (all that apply to bug):
    • Dendron Extension: 0.119
    • VS Code version:
    • Dendron CLI:

Additional context

Add any other context about the problem here.

Dendron Log file

Please attach the output of > Dendron:Dev: Open Logs here

josephgarnier avatar Feb 13 '23 09:02 josephgarnier

@josephgarnier Assuming your goal is to render them on a single line, If you put them on seperate but consecutive lines in the markdown file, they are rendered on the same line.

test 
![alt1](images/my_image.svg){max-width: 10px} 
![alt2](images/my_image.svg){max-width: 10px}

as long as there is no space in between or two spaces at the end, markdown will render them on the same line.

My test:

test
![Monster1](/assets/images/2022-03-23-21-23-13.png){max-width: 50px}
![Monster2](/assets/images/2022-03-23-21-23-13.png){max-width: 50px}

Rendered Result: image

Gander7 avatar Feb 17 '23 23:02 Gander7

@Gander7 tks for the tip. But it's still a bug, isn't it?

josephgarnier avatar Feb 18 '23 11:02 josephgarnier