Side by side reference style links not working

[kianmeng]

Not sure this is a bug or missing configuration. But side by side reference style links not working as intended while adjusting the HTML doc for OldhamMade/TeslaCacher#1.

Sample markdown.

[![Build Status](https://travis-ci.org/OldhamMade/TeslaCacher.svg?branch=main)][TravisCI] 
[![Module Version](https://img.shields.io/hexpm/v/tesla_cacher.svg)][ModuleVersion]

...

[TravisCI]: https://travis-ci.org/OldhamMade/TeslaCacher
[ModuleVersion]: https://hex.pm/packages/tesla_cacher 

Expected (as rendered in VSCode).

Actual (as generated by EarMarkParser through ex_doc).

[RobertDober]

I was not aware of this syntax and it seems almost nobody else is 😉

https://babelmark.github.io/?text=%5BTravisCI%5D%3A+https%3A%2F%2Ftravis-ci.org%2FOldhamMade%2FTeslaCacher%0A%5BModuleVersion%5D%3A+https%3A%2F%2Fhex.pm%2Fpackages%2Ftesla_cacher+%0A

[kianmeng]

You have to include the full example.

https://babelmark.github.io/?text=%5B!%5BBuild+Status%5D(https%3A%2F%2Ftravis-ci.org%2FOldhamMade%2FTeslaCacher.svg%3Fbranch%3Dmain)%5D%5BTravisCI%5D+%0A%5B!%5BModule+Version%5D(https%3A%2F%2Fimg.shields.io%2Fhexpm%2Fv%2Ftesla_cacher.svg)%5D%5BModuleVersion%5D%0A%0A...%0A%0A%5BTravisCI%5D%3A+https%3A%2F%2Ftravis-ci.org%2FOldhamMade%2FTeslaCacher%0A%5BModuleVersion%5D%3A+https%3A%2F%2Fhex.pm%2Fpackages%2Ftesla_cacher+

[RobertDober]

I really have to look at this. Ad hoc I do not believe this is an error but in order to check I would like you to give me the expected html output, images are just not very useful. Thanx

[myrrlyn]

I am encountering behavior similar to this. Babelmark link

Versions:

• earmark: 1.4.14
• earmark_parser: 1.4.12

Markdown:

Correct

[![](https://img.shields.io/crates/v/calm_io.svg)](https://crates.io/crates/calm_io)
[![](https://docs.rs/calm_io/badge.svg)](https://docs.rs/calm_io)
[![](https://img.shields.io/crates/l/calm_io.svg)](https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt)
[![](https://img.shields.io/crates/dv/calm_io.svg)](https://crates.io/crates/calm_io)
[![](https://tokei.rs/b1/github/myrrlyn/calm_io?category=code)](https://github.com/myrrlyn/calm_io)

Incorrect

[![Crate][crate_img]][crate]
[![Documentation][docs_img]][docs]
[![License][license_img]][license]
[![Crate Downloads][dl_img]][crate]
[![Crate Size][loc_img]][source]

[crate]:       https://crates.io/crates/calm_io "Crate Link"
[crate_img]:   https://img.shields.io/crates/v/calm_io.svg "Crate Version Display"
[dl_img]:      https://img.shields.io/crates/dv/calm_io.svg "Download Counter"
[docs]:        https://docs.rs/calm_io "Documentation Link"
[docs_img]:    https://docs.rs/calm_io/badge.svg "Documentation Display"
[license]:     https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt "License"
[license_img]: https://img.shields.io/crates/l/calm_io.svg "License Display"
[loc_img]:     https://tokei.rs/b1/github/myrrlyn/calm_io?category=code "Repository Size"
[source]:      https://github.com/myrrlyn/calm_io "Source Code"

Rendered:

HTML output:

<p> Correct </p>
<p>
  <a href="https://crates.io/crates/calm_io"> <img src="https://img.shields.io/crates/v/calm_io.svg" alt=""> </a>
  <a href="https://docs.rs/calm_io"> <img src="https://docs.rs/calm_io/badge.svg" alt=""> </a>
  <a href="https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt"> <img src="https://img.shields.io/crates/l/calm_io.svg" alt=""> </a>
  <a href="https://crates.io/crates/calm_io"> <img src="https://img.shields.io/crates/dv/calm_io.svg" alt=""> </a>
  <a href="https://github.com/myrrlyn/calm_io"> <img src="https://tokei.rs/b1/github/myrrlyn/calm_io?category=code" alt=""> </a>
</p>
<p> Incorrect </p>
<p>
  <a href="https://github.com/myrrlyn/calm_io" title="Source Code">!</a><a href="https://crates.io/crates/calm_io" title="Crate Link">Crate]</a>
  <a href="https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt" title="License">crate_img]]</a>
  <a href="https://docs.rs/calm_io" title="Documentation Link">crate]
[  <img src="https://docs.rs/calm_io/badge.svg" alt="Documentation" title="Documentation Display">
</a>
[  <img src="https://img.shields.io/crates/l/calm_io.svg" alt="License" title="License Display">

[  <img src="https://img.shields.io/crates/dv/calm_io.svg" alt="Crate Downloads" title="Download Counter">

[  <img src="https://tokei.rs/b1/github/myrrlyn/calm_io?category=code" alt="Crate Size" title="Repository Size">
</p>

AST output:

{:ok,
 [
   {"p", [], ["Correct"], %{}},
   {"p", [],
    [
      {"a", [{"href", "https://crates.io/crates/calm_io"}],
       [{"img", [{"src", "https://img.shields.io/crates/v/calm_io.svg"}, {"alt", ""}], [], %{}}],
       %{}},
      "\n",
      {"a", [{"href", "https://docs.rs/calm_io"}],
       [{"img", [{"src", "https://docs.rs/calm_io/badge.svg"}, {"alt", ""}], [], %{}}], %{}},
      "\n",
      {"a", [{"href", "https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt"}],
       [{"img", [{"src", "https://img.shields.io/crates/l/calm_io.svg"}, {"alt", ""}], [], %{}}],
       %{}},
      "\n",
      {"a", [{"href", "https://crates.io/crates/calm_io"}],
       [{"img", [{"src", "https://img.shields.io/crates/dv/calm_io.svg"}, {"alt", ""}], [], %{}}],
       %{}},
      "\n",
      {"a", [{"href", "https://github.com/myrrlyn/calm_io"}],
       [
         {"img",
          [{"src", "https://tokei.rs/b1/github/myrrlyn/calm_io?category=code"}, {"alt", ""}], [],
          %{}}
       ], %{}}
    ], %{}},
   {"p", [], ["Incorrect"], %{}},
   {"p", [],
    [
      {"a", [{"href", "https://github.com/myrrlyn/calm_io"}, {"title", "Source Code"}],
       [
         "!",
         {"a", [{"href", "https://crates.io/crates/calm_io"}, {"title", "Crate Link"}],
          [
            "Crate]",
            {"a",
             [
               {"href", "https://github.com/myrrlyn/calm_io/blob/master/LICENSE.txt"},
               {"title", "License"}
             ],
             [
               "crate_img]]",
               {"a", [{"href", "https://docs.rs/calm_io"}, {"title", "Documentation Link"}],
                [
                  "crate]\n[",
                  {"img",
                   [
                     {"src", "https://docs.rs/calm_io/badge.svg"},
                     {"alt", "Documentation"},
                     {"title", "Documentation Display"}
                   ], [], %{}}
                ], %{}},
               "\n[",
               {"img",
                [
                  {"src", "https://img.shields.io/crates/l/calm_io.svg"},
                  {"alt", "License"},
                  {"title", "License Display"}
                ], [], %{}}
             ], %{}},
            "\n[",
            {"img",
             [
               {"src", "https://img.shields.io/crates/dv/calm_io.svg"},
               {"alt", "Crate Downloads"},
               {"title", "Download Counter"}
             ], [], %{}}
          ], %{}},
         "\n[",
         {"img",
          [
            {"src", "https://tokei.rs/b1/github/myrrlyn/calm_io?category=code"},
            {"alt", "Crate Size"},
            {"title", "Repository Size"}
          ], [], %{}}
       ], %{}}
    ], %{}}
 ], []}

I hope this is sufficient information. Please let me know if there is anything more I can provide. Also, thank you for your work on this library!

---

Addendum: presence or absence of the link title (path "text") or [ref]: path "text" does not change this behavior; I elided the link title when rewriting from incorrectly-rendered to correctly-rendered for expediency, and just want to note that it is experimentally irrelevant to the actual bug.

[RobertDober]

Hello @myrrlyn and sorry for the late reply, your Babelmark link is appreciated and the information is sufficient.
Thank you